/* START DELA V8 · Premium compact conversion layout. This file is intentionally the
   last stylesheet: it refines presentation without replacing SEO/catalog logic. */
:root{--shell:1360px;--v8-mint:#68f5d9;--v8-white:#f0f9fc;--v8-bg:#061e29}
html{scroll-padding-top:94px}
body{font-family:Inter,"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;font-size:16px;letter-spacing:0;line-height:1.52;font-weight:400;background:#061c25;color:#edf9fb;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,.logo,.btn,.desktop-nav a,.console-header strong{font-family:Inter,"Segoe UI Variable Display","Segoe UI",Arial,sans-serif;letter-spacing:-.035em;font-weight:750;text-shadow:none}
.topline{display:none!important}
.shell{width:min(var(--shell),calc(100% - 96px))}
.site-header{position:sticky;top:0;z-index:55;min-height:0;background:rgba(3,25,33,.94);border-bottom:1px solid rgba(111,238,225,.20);box-shadow:0 4px 20px rgba(1,15,21,.25);backdrop-filter:blur(20px)}
.header-inner{min-height:87px;gap:22px}
.logo{font-size:1.64rem;font-weight:770;letter-spacing:-.048em;gap:13px;line-height:1.05}
.logo .logo-mark{height:48px;width:48px;border-radius:12px;font-size:1.65rem;box-shadow:inset 0 1px 0 #edfffe88,0 5px 22px #46f7d126}
.logo small{font-size:.59rem;line-height:1.28;letter-spacing:.085em;color:#bfd4dc;margin-top:5px;font-weight:700}
.desktop-nav{gap:30px}.desktop-nav a{font-size:.92rem;font-weight:650;color:#dcebf0;letter-spacing:-.012em}
.header-actions .btn-dark{min-height:44px;padding:12px 22px;border-radius:14px;font-weight:660;font-size:.87rem;box-shadow:inset 0 1px 8px #51fbd41a;background:rgba(8,40,49,.65)}
/* Restored editorial-scale hero: the entire offer and next section remain visible on a typical laptop. */
.market-hero{background-color:#092731;background-image:linear-gradient(90deg,rgba(3,21,29,.65),rgba(6,39,48,.15) 68%,rgba(3,28,38,.2)),url('./future-landscape.svg'),radial-gradient(ellipse at 75% 48%,#124e58,#061d28 72%);background-position:center,center 57%,center;background-size:cover,cover,cover;border-bottom:1px solid rgba(91,240,215,.25)}
.market-hero:before{background:radial-gradient(ellipse at 90% 20%,rgba(72,221,185,.11),transparent 33%);animation:marketAurora 14s ease-in-out infinite alternate}
.market-hero:after{height:75px;bottom:-5px;background:linear-gradient(0deg,rgba(5,28,37,.8),transparent)}
.market-hero-grid{min-height:465px;padding:50px 0 52px;gap:clamp(26px,5.2vw,86px);grid-template-columns:minmax(0,1.11fr) minmax(0,.89fr);align-items:center}
.market-hero-copy{z-index:2;animation:marketCome .6s ease-out both}
.market-hero .hero-eyebrow{font-size:.66rem;line-height:1.4;padding:7px 15px;min-height:33px;letter-spacing:.13em;font-weight:750;margin:0}
.market-hero .live-dot{width:7px;height:7px}
.market-hero h1{font-size:clamp(2.6rem,3.74vw,4rem);font-weight:760;letter-spacing:-.054em;line-height:1.095;margin:23px 0 18px;max-width:710px;text-wrap:initial;color:#f2fbff;text-shadow:none}
.market-hero h1 em{display:block;margin:2px 0 0;font-weight:750;letter-spacing:-.055em;background-image:linear-gradient(99deg,#91ffec,#5ff5d5 65%,#48d9d8);filter:none}
.market-hero .hero-lead{font-size:clamp(.92rem,1.1vw,1rem);line-height:1.65;color:#d4e8ec;max-width:670px;margin:0}
.market-hero .hero-buttons{margin:23px 0 22px;display:flex;gap:12px}
.market-hero .hero-buttons .btn{font-size:.87rem;font-weight:740;min-height:49px;border-radius:12px;padding:12px 22px;letter-spacing:-.014em}
.market-hero .hero-buttons .btn-primary{background:linear-gradient(112deg,#b8fff1,#54ecd4 80%);box-shadow:0 6px 25px #2de5be25;color:#07353b}
.market-hero .hero-buttons .btn-ghost{border-color:rgba(155,242,234,.6);background:linear-gradient(110deg,#1d546075,#0a354382);box-shadow:none}
.market-proof{font-size:.73rem;gap:12px;color:#c5e3e6;font-weight:610;letter-spacing:0;line-height:1.55}
.market-proof span{gap:4px;white-space:normal}
.market-proof span:not(:last-child):after{margin-left:14px;height:14px;background:rgba(113,231,231,.44)}
/* Compact interactive service picker. All four rows are true anchor elements. */
.market-visual-wrap{width:100%;max-width:525px;justify-self:end;perspective:none;padding:0}
.market-orbit{width:112%;height:97px;bottom:-31px;left:-6%;border-width:1px;transform:rotate(-8deg) skew(-8deg);opacity:.48;box-shadow:0 0 17px rgba(79,255,225,.20);animation:orbitBreath 11s ease-in-out infinite alternate}
.market-orbit:before{inset:13px 26px}
.market-console{padding:27px 28px 29px;border-radius:25px;transform:none;animation:refinedFloat 9s ease-in-out infinite;box-shadow:inset 0 1px 3px #c4fffe38,0 18px 42px #01131e8c,0 0 31px #31e9cd1e;border-color:rgba(147,249,239,.73);background:linear-gradient(125deg,rgba(26,90,102,.79),rgba(5,35,48,.91) 45%,rgba(9,35,54,.9));backdrop-filter:blur(18px)}
.market-console:after{inset:-5px;border-radius:30px}
.console-header{margin-bottom:18px;gap:14px}
.console-header strong{font-size:1.32rem;letter-spacing:-.035em;font-weight:745;color:#effdff;line-height:1.25}
.console-mark{width:42px;height:42px;border-radius:11px;font-size:1.35rem}
.console-status{font-size:.67rem;letter-spacing:.04em;font-weight:750}
.console-status i{width:7px;height:7px}
.console-metrics,.console-bottom{display:none}
.console-items{gap:9px}
.console-items a{min-height:52px;padding:10px 12px;gap:12px;background:linear-gradient(110deg,rgba(21,85,93,.57),rgba(5,40,53,.67));border:1px solid rgba(111,234,221,.35);border-radius:12px}
.console-items a>span:nth-child(2){font-size:.87rem;font-weight:680;letter-spacing:-.015em}
.console-index{width:34px;height:33px;font-size:.75rem;border-radius:9px;color:#e8fff9;background:rgba(34,148,135,.48)}
.console-items b{font-size:.77rem;font-weight:450;letter-spacing:0;color:#d2e7e9}
.console-items i{font-size:1.12rem;font-weight:700}
/* First post-hero section comes into view on desktop, matching the design. */
.market-advantages{border-bottom:1px solid rgba(83,222,205,.18);padding:33px 0 38px;background:radial-gradient(ellipse at 35% 15%,#0c3841,transparent 75%),linear-gradient(140deg,#06232d,#061d27);position:relative}
.market-advantages:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,transparent 55%,rgba(35,135,155,.08))}
.market-advantages .shell{position:relative}
.market-advantages .eyebrow{font-size:.64rem;letter-spacing:.12em;font-weight:760;color:#72f9db}
.market-advantages h2{font-size:clamp(1.7rem,2.65vw,2.65rem);line-height:1.18;letter-spacing:-.04em;margin:13px 0 22px;font-weight:725;color:#f1fbff}
.advantage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.advantage-card{display:flex;align-items:center;gap:17px;min-width:0;min-height:90px;padding:17px 19px;border:1px solid rgba(103,232,215,.31);border-radius:17px;background:linear-gradient(135deg,rgba(25,89,96,.61),rgba(7,39,51,.55));box-shadow:inset 0 1px 0 #9ffff313;transition:border-color .25s,background .25s}
.advantage-card:hover{border-color:#71ead49c;background:rgba(23,88,96,.72)}
.advantage-icon{flex:0 0 47px;width:47px;height:47px;display:grid;place-items:center;color:#7cffe2;font-size:1.75rem;font-weight:700;border:1px solid rgba(90,232,211,.36);border-radius:12px;background:linear-gradient(140deg,#13695f94,#0a404bcc)}
.advantage-card h3{font-size:.95rem;letter-spacing:-.023em;font-weight:740;margin:0 0 3px;color:#f3ffff}
.advantage-card p{font-size:.76rem;line-height:1.5;color:#bed4dc;margin:0}
/* Less aggressive universal typography, especially editorial headings. */
.market-section-head h2,.market-inner-hero h1,.article-hero h1,.simple-page h1{letter-spacing:-.038em;font-weight:745}
.article h1,.simple-page h1{line-height:1.16}
.market-category-section{padding-top:77px}
/* One-line compact notice. OK acknowledges it; if a Metrika counter is present, the
   description explicitly requests consent, and non-response never starts tracking. */
.cookie-banner[hidden]{display:none!important}
.cookie-banner{position:fixed;left:50%;right:auto;bottom:14px;top:auto;transform:translateX(-50%);width:min(1360px,calc(100% - 48px));max-width:none;max-height:none;display:flex;align-items:center;gap:15px;padding:10px 13px 10px 17px;border:1px solid rgba(118,233,223,.44);border-radius:13px;box-shadow:0 10px 45px #011820a8;background:linear-gradient(115deg,rgba(14,57,66,.97),rgba(9,42,54,.97));backdrop-filter:blur(17px);z-index:54;overflow:visible}
.cookie-symbol{display:grid;place-items:center;flex-shrink:0;font-size:1.2rem;color:#88ffe0;width:28px;height:28px;border:2px solid #72ead5;border-radius:50%;line-height:1}
.cookie-banner p#cookie-description{flex:1;min-width:0;margin:0;color:#e5f5f6;font-size:.81rem;line-height:1.45;padding:0;letter-spacing:0}
.cookie-banner p a{color:#8dffe4;text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;align-items:center;flex-shrink:0;margin:0 12px 0 0;gap:0}
.cookie-ok{border:0;min-height:37px;min-width:76px;padding:8px 18px;font-weight:780;font-size:.83rem;color:#063137;background:linear-gradient(110deg,#a5ffe9,#62edd2);border-radius:11px;cursor:pointer;box-shadow:0 0 21px #4af0d926}
.cookie-ok:hover{background:#c9fff5}
.cookie-dismiss{position:absolute;right:4px;top:1px;width:19px;height:22px;font-size:.83rem;color:#9cbdc3;border:0;background:none;box-shadow:none;opacity:.7}
.cookie-dismiss:hover{opacity:1;background:transparent}
.cookie-banner #cookie-status,.cookie-banner #cookie-reject{display:none!important}
@keyframes refinedFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:1190px){.shell{width:min(var(--shell),calc(100% - 64px))}.header-inner{min-height:77px}.desktop-nav{gap:16px}.desktop-nav a{font-size:.81rem}.market-hero-grid{gap:27px;padding:44px 0}.market-hero h1{font-size:clamp(2.45rem,4.2vw,3.55rem)}.market-console{padding:22px}.advantage-card{padding:15px 13px;gap:11px}}
@media(max-width:900px){.market-hero-grid{grid-template-columns:1fr;gap:34px;min-height:0;padding:51px 0 61px}.market-hero h1{font-size:clamp(2.8rem,6vw,4rem);max-width:720px}.market-visual-wrap{max-width:615px;justify-self:start}.advantage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.advantage-card{align-items:flex-start;flex-direction:column;min-height:150px}.market-orbit{display:none}}
@media(max-width:620px){.shell{width:calc(100% - 36px)}.header-inner{min-height:68px}.logo{font-size:1.3rem;gap:10px}.logo .logo-mark{width:38px;height:38px;font-size:1.3rem}.logo small{font-size:.45rem;margin-top:4px}.market-hero-grid{padding:39px 0 45px;gap:31px}.market-hero h1{font-size:clamp(2.15rem,8.4vw,3.45rem);letter-spacing:-.046em;margin:17px 0 12px;line-height:1.13}.market-hero h1 em{letter-spacing:-.044em}.market-hero .hero-eyebrow{font-size:.57rem;min-height:0;padding:7px 10px}.market-hero .hero-lead{font-size:.91rem;line-height:1.64}.market-hero .hero-buttons{gap:9px;margin:19px 0 18px;grid-template-columns:1fr 1fr}.market-hero .hero-buttons .btn{padding:12px 7px;font-size:.75rem;min-height:45px}.market-proof{font-size:.66rem;gap:8px 12px}.market-proof span:not(:last-child):after{display:none}.market-console{padding:17px;border-radius:18px;transform:none;animation:none}.console-header{gap:10px;margin-bottom:14px}.console-header strong{font-size:1.01rem}.console-mark{width:37px;height:37px;font-size:1.14rem}.console-status{font-size:.55rem}.console-items{gap:7px}.console-items a{min-height:46px;padding:8px;gap:8px}.console-items a>span:nth-child(2){font-size:.77rem}.console-items b{font-size:.65rem}.console-index{width:28px;height:29px;font-size:.67rem}.market-advantages{padding:32px 0}.market-advantages h2{font-size:1.7rem;margin:10px 0 18px}.advantage-grid{grid-template-columns:1fr;gap:10px}.advantage-card{flex-direction:row;align-items:center;min-height:74px;padding:13px 14px}.advantage-icon{width:42px;height:42px;flex-basis:42px;font-size:1.5rem}.advantage-card h3{font-size:.89rem}.advantage-card p{font-size:.72rem}.cookie-banner{left:10px;right:10px;bottom:10px;transform:none;width:auto;max-width:none;max-height:none;padding:10px 10px;gap:8px;overflow:visible;border-radius:12px}.cookie-symbol{width:21px;height:21px;font-size:.75rem;border-width:1.5px}.cookie-banner p#cookie-description{font-size:.69rem;line-height:1.38}.cookie-actions{margin:0 8px 0 0}.cookie-ok{min-width:47px;min-height:33px;padding:7px 10px;font-size:.73rem;border-radius:9px}.cookie-dismiss{top:0;right:0;width:15px;height:18px;font-size:.72rem}}
@media(max-width:360px){.market-hero .hero-buttons{grid-template-columns:1fr}.market-proof{display:grid;grid-template-columns:1fr 1fr}.console-items b{display:none}.cookie-banner p#cookie-description{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){.market-console,.market-orbit,.market-hero-copy{animation:none!important}}
/* Keep the consent notice horizontal even though legacy mobile styles used a tall card. */
@media(max-width:620px){
  .cookie-banner{flex-direction:row;align-items:center;}
  .cookie-symbol{display:none;}
  .cookie-actions{align-self:center;justify-content:flex-end;width:auto;flex:0 0 auto;}
  .cookie-banner p#cookie-description{padding-right:1px;}
}