/* KRAKEN Market — clean commercial redesign, no external dependencies */
:root{
  color-scheme:light;--page:#f5f7fb;--surface:#fff;--ink:#111827;--text:#2f3a4a;--muted:#697386;--line:#dfe7f3;--brand:#155eef;--brand2:#06a77d;--dark:#0f2b6d;--warn:#fff7ed;--warnline:#fed7aa;--shadow:0 18px 55px rgba(15,43,109,.12);--shadow-sm:0 8px 24px rgba(15,43,109,.08);--r:22px;--rs:14px;--container:1160px
}
*{box-sizing:border-box}html{scroll-behavior:smooth;text-size-adjust:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(900px 420px at 15% -10%,rgba(21,94,239,.16),transparent 62%),radial-gradient(720px 360px at 92% 5%,rgba(6,167,125,.14),transparent 58%),linear-gradient(180deg,#f8fbff 0%,var(--page) 44%,#fff 100%);line-height:1.65;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(17,24,39,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 60%)}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.18em}.container{width:min(100% - 40px,var(--container));margin-inline:auto}.skip{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip:focus{left:20px;top:20px;width:auto;height:auto;z-index:1000;padding:10px 14px;border-radius:12px;background:var(--ink);color:#fff;text-decoration:none}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.84);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(223,231,243,.88)}.header__inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content;color:var(--ink);text-decoration:none}.brand__mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 12px 28px rgba(21,94,239,.22)}.brand__name{font-weight:820;letter-spacing:-.02em;font-size:18px}.nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-wrap:wrap}.nav a{display:inline-flex;align-items:center;min-height:40px;padding:9px 12px;border-radius:999px;color:#334155;font-size:14px;font-weight:650;text-decoration:none;transition:.18s}.nav a:hover{background:#eef4ff;color:var(--brand);transform:translateY(-1px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;border-radius:999px;border:1px solid transparent;color:#fff;background:linear-gradient(135deg,var(--brand),#0c49c7);box-shadow:0 15px 34px rgba(21,94,239,.22);font-weight:760;text-decoration:none;cursor:pointer;transition:.18s}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(21,94,239,.28)}.btn--ghost{color:var(--dark);background:#fff;border-color:#c9d8f4;box-shadow:var(--shadow-sm)}.btn--ghost:hover{background:#f7faff}
.main{position:relative;overflow:hidden}.hero{padding:72px 0 36px}.hero__inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);gap:28px;align-items:center}.hero__text{position:relative;z-index:1}.hero__text:before{content:"Подбор • Проверка • Доставка";display:inline-flex;align-items:center;padding:7px 12px;margin-bottom:16px;border-radius:999px;border:1px solid #cfe0ff;color:var(--dark);background:rgba(255,255,255,.78);box-shadow:var(--shadow-sm);font-weight:750;font-size:13px}h1,.hero h1{margin:0 0 18px;color:var(--ink);font-size:clamp(34px,5vw,68px);line-height:.98;letter-spacing:-.065em;max-width:820px}.lead{margin:0 0 22px;max-width:760px;color:#435166;font-size:clamp(17px,1.7vw,21px);line-height:1.68}.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 24px}.chips li{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;border:1px solid #d6e3f7;background:#fff;color:#334155;font-weight:680;font-size:14px;box-shadow:0 6px 18px rgba(15,43,109,.06)}.chips li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand2);box-shadow:0 0 0 4px rgba(6,167,125,.12)}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 18px}.note{display:flex;gap:10px;align-items:flex-start;margin:0;max-width:790px;padding:14px 16px;border:1px solid var(--warnline);border-radius:var(--rs);background:var(--warn);color:#744210;font-size:14px}.note:before{content:"!";display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#fb923c;color:#fff;font-weight:900}
.hero__card{position:relative;padding:28px;border:1px solid rgba(201,216,244,.9);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.78)),radial-gradient(440px 220px at 10% 0%,rgba(21,94,239,.16),transparent 62%);box-shadow:var(--shadow);overflow:hidden}.hero__card:before{content:"";position:absolute;width:160px;height:160px;right:-58px;top:-58px;border-radius:48px;background:linear-gradient(135deg,rgba(21,94,239,.12),rgba(6,167,125,.16));transform:rotate(18deg)}.hero__card:after{content:"Заявка";position:absolute;right:22px;top:22px;padding:7px 11px;border-radius:999px;background:#eafaf4;color:#087456;font-size:12px;font-weight:820}.stat{position:relative;z-index:1;display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:start;padding:18px 0;border-bottom:1px solid var(--line)}.stat:last-of-type{border-bottom:0}.stat__num{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));box-shadow:0 10px 24px rgba(21,94,239,.18);font-size:21px;font-weight:900}.stat__label{padding-top:4px;color:#42526a;font-weight:650;line-height:1.45}.footnote{margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.section{padding:68px 0}.section--alt{position:relative;background:linear-gradient(180deg,rgba(240,245,255,.72),rgba(255,255,255,.72));border-block:1px solid rgba(223,231,243,.75)}h2{margin:0 0 13px;color:var(--ink);font-size:clamp(26px,3vw,42px);line-height:1.08;letter-spacing:-.04em}h3{color:var(--ink);line-height:1.2;letter-spacing:-.02em}.sublead{margin:0 0 28px;max-width:880px;color:#56657a;font-size:17px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{position:relative;padding:24px;border:1px solid rgba(214,227,247,.92);border-radius:var(--r);background:rgba(255,255,255,.9);box-shadow:var(--shadow-sm);overflow:hidden;transition:.18s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c0d4f4}.card h3{margin:0 0 10px;font-size:21px}.card p{margin:0;color:#5c687a}.card--flat{background:#fff;box-shadow:none}.card--flat:hover{box-shadow:var(--shadow-sm)}#catalog .card{padding-top:74px}#catalog .card:before{position:absolute;left:22px;top:22px;width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:#eef4ff;color:var(--brand);font-size:21px;box-shadow:inset 0 0 0 1px #d8e6fb}#catalog .card:nth-child(1):before{content:"📱"}#catalog .card:nth-child(2):before{content:"💻"}#catalog .card:nth-child(3):before{content:"🎧"}#catalog .card:nth-child(4):before{content:"🏠"}.link{display:inline-flex;align-items:center;margin-top:16px;color:var(--brand);font-weight:800;text-decoration:none}.link:hover{text-decoration:underline}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.list{margin:0;padding-left:20px;color:#5c687a}.list li{margin:10px 0}.list strong{color:#243044}.faq{margin:12px 0;border:1px solid rgba(214,227,247,.96);border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(15,43,109,.045);overflow:hidden}.faq summary{cursor:pointer;list-style:none;position:relative;padding:18px 54px 18px 20px;color:var(--ink);font-weight:800}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:18px;top:50%;width:28px;height:28px;display:grid;place-items:center;transform:translateY(-50%);border-radius:50%;background:#eef4ff;color:var(--brand);font-size:20px;line-height:1}.faq[open] summary:after{content:"–"}.faq__body{padding:0 20px 20px;color:#5c687a}
.form{background:linear-gradient(180deg,#fff,#f8fbff)}.form label{display:block;margin:14px 0 0;color:#405069;font-weight:760;font-size:14px}input,textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #cfdbed;border-radius:16px;color:var(--ink);background:#fff;outline:none;transition:.16s}textarea{resize:vertical;min-height:120px}input:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(21,94,239,.12)}.form button{margin-top:16px;width:100%;border:0}.footer{padding:34px 0;color:#cbd5e1;background:#0f172a}.footer__inner{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:22px}.footer .brand{color:#fff}.footer .brand__mark{width:36px;height:36px;border-radius:13px}.footer__links{display:flex;gap:16px;flex-wrap:wrap}.footer__links a{color:#e2e8f0;text-decoration:none;font-weight:650}.footer__links a:hover{text-decoration:underline}.small{margin:10px 0 0;color:#94a3b8;font-size:13px}
.main>.section:first-child h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.05em;line-height:1.04}.main>.section:first-child p:not(.sublead){max-width:880px;color:#4b5b72}.main>.section:first-child .container{background:rgba(255,255,255,.78);border:1px solid rgba(214,227,247,.8);border-radius:28px;padding:34px;box-shadow:var(--shadow-sm)}
@media (max-width:980px){.hero{padding-top:48px}.hero__inner{grid-template-columns:1fr}.hero__card{max-width:680px}.grid,.grid--3,.two{grid-template-columns:1fr}}@media (max-width:760px){.container{width:min(100% - 28px,var(--container))}.header__inner{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 0}.nav{width:100%;overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{white-space:nowrap;background:#f7faff;border:1px solid #e4ecf8}.hero{padding:34px 0 24px}h1,.hero h1{font-size:clamp(34px,12vw,50px)}.lead{font-size:16px}.btn{width:100%}.hero__card{padding:22px;border-radius:24px}.hero__card:after{position:static;display:inline-flex;margin-bottom:10px}.stat{grid-template-columns:44px minmax(0,1fr);gap:12px}.stat__num{width:42px;height:42px;border-radius:14px;font-size:18px}.section{padding:46px 0}.card{padding:20px;border-radius:20px}#catalog .card{padding-top:68px}.footer__inner{display:block}.footer__links{margin-top:18px;display:grid;gap:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}