/* KOLTREON · разработка и техническая оптимизация */
:root{--ink:#101612;--muted:#667169;--glass:rgba(255,255,255,.58);--shadow:0 24px 70px rgba(28,55,38,.10);--radius:30px;--safe-bottom:max(18px,env(safe-area-inset-bottom));font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#eef5f1;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:18px;background:#eef5f1}
body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 8% -4%,rgba(196,229,212,.68),transparent 34%),radial-gradient(circle at 94% 2%,rgba(205,224,239,.74),transparent 36%),radial-gradient(circle at 52% 102%,rgba(221,235,228,.82),transparent 42%),linear-gradient(180deg,#f7fbf8 0,#edf4ef 46%,#f8fbf9 100%);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 44px));margin-inline:auto}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient i{position:absolute;border-radius:999px;filter:blur(22px);opacity:.46;transform:translate3d(0,0,0)}.ambient i:nth-child(1){width:380px;height:380px;background:rgba(111,190,151,.14);left:-150px;top:18vh}.ambient i:nth-child(2){width:470px;height:470px;background:rgba(128,174,213,.16);right:-190px;top:8vh}.ambient i:nth-child(3){width:380px;height:380px;background:rgba(207,228,216,.36);left:40%;bottom:-190px}
.hero{padding:22px 0 12px}.intro-service-tile{grid-column:auto;width:100%;min-height:248px}.intro-service-tile .tile-copy{max-width:820px}.intro-service-tile .intro-copy h1{margin:0;font-size:clamp(21px,2.2vw,31px);line-height:1.02;letter-spacing:-.04em;font-weight:720}.intro-service-tile .intro-copy p{margin:10px 0 0;font-size:13px;line-height:1.45;color:rgba(22,39,27,.62)}.intro-meta{position:relative;z-index:2;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;font-weight:720;color:rgba(18,36,24,.57)}.intro-meta a{font-size:14px;color:#18241d;font-weight:720}
.catalog{padding:12px 0 56px}.catalog-tools{display:flex;justify-content:flex-end;margin-bottom:12px}.search{width:280px;height:48px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid rgba(34,67,44,.10);border-radius:16px;background:rgba(255,255,255,.64);box-shadow:inset 0 1px 0 rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search span{font-size:19px;color:#6f7f75}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#142018}.search input::placeholder{color:#87928b}.filter-rail{display:flex;gap:7px;overflow:auto;scrollbar-width:none;padding:2px 0 20px}.filter-rail::-webkit-scrollbar{display:none}.filter-chip{appearance:none;border:1px solid rgba(32,63,42,.09);background:rgba(255,255,255,.48);color:#627068;height:38px;padding:0 14px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:.2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.74)}.filter-chip:hover,.filter-chip.active{background:#172019;color:white;border-color:#172019}
.service-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:12px}.service-tile{--tone1:#c8e8d2;--tone2:#eff8f1;position:relative;isolation:isolate;grid-column:span 3;min-height:248px;overflow:hidden;border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.86);background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(255,255,255,.39)),linear-gradient(135deg,var(--tone1),var(--tone2));box-shadow:0 14px 40px rgba(42,74,50,.075),inset 0 1px 0 rgba(255,255,255,.95);transform:translateZ(0);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}.service-tile.wide{grid-column:span 6}.service-tile.tall{grid-row:span 2;min-height:508px}.service-tile:before{content:"";position:absolute;z-index:-1;width:70%;aspect-ratio:1;border-radius:50%;right:-22%;bottom:-26%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.94),rgba(255,255,255,.10) 48%,transparent 68%);opacity:.82}.service-tile:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.42),inset 0 -20px 50px rgba(255,255,255,.12);pointer-events:none}.tile-glow{position:absolute;width:180px;height:180px;border-radius:50%;left:var(--mx,72%);top:var(--my,10%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.68),rgba(255,255,255,0) 68%);opacity:.6;pointer-events:none;transition:opacity .2s}.tile-top{display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;z-index:2}.tile-index{font-variant-numeric:tabular-nums;color:rgba(20,37,25,.44);font-size:12px;font-weight:750}.tile-category{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.62);font-size:10px;font-weight:760;text-transform:uppercase;letter-spacing:.08em;color:rgba(22,39,26,.60)}.tile-copy{position:relative;z-index:2;margin-top:auto;max-width:470px}.tile-copy h2{margin:0;font-size:clamp(21px,2.2vw,31px);line-height:1.01;letter-spacing:-.04em;font-weight:720}.tile-copy p{margin:9px 0 0;font-size:13px;line-height:1.45;color:rgba(22,39,27,.62)}.tile-open{position:relative;z-index:2;margin-top:20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:720;color:rgba(18,36,24,.57)}.tile-open b{width:33px;height:33px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.56);border:1px solid rgba(255,255,255,.72);font-size:15px;transition:transform .25s ease,background .25s ease}.service-tile:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(40,70,48,.12),inset 0 1px 0 rgba(255,255,255,.96);border-color:rgba(255,255,255,.98)}.service-tile:hover .tile-open b{transform:translate(2px,-2px);background:rgba(255,255,255,.86)}.service-tile[hidden]{display:none}
.tone-lime{--tone1:#c8edba;--tone2:#edf7df}.tone-cyan{--tone1:#bfece9;--tone2:#eaf7f3}.tone-green{--tone1:#c0e2c9;--tone2:#edf5ef}.tone-amber{--tone1:#f1dda5;--tone2:#fbf3df}.tone-blue{--tone1:#bad6f2;--tone2:#e8f1f8}.tone-violet{--tone1:#d7cdf3;--tone2:#f0ecf8}.tone-forest{--tone1:#b8d6bd;--tone2:#e5efe7}.tone-sky{--tone1:#b9dff0;--tone2:#e8f5f8}.tone-orange{--tone1:#f2c6a0;--tone2:#f8e9dc}.tone-graphite{--tone1:#cbd1cb;--tone2:#ebefec}.tone-indigo{--tone1:#c6cfee;--tone2:#e8ebf6}.tone-moss{--tone1:#c9d79c;--tone2:#edf0dd}.tone-mint{--tone1:#bce5d5;--tone2:#e5f6ef}.tone-rose{--tone1:#efc8d5;--tone2:#f8e7ed}.tone-steel{--tone1:#cbdade;--tone2:#edf3f3}.tone-gold{--tone1:#ead09a;--tone2:#f8efda}.tone-earth{--tone1:#d7c3aa;--tone2:#f0e9df}.tone-plum{--tone1:#ddc5df;--tone2:#f2e8f2}.tone-aqua{--tone1:#b7e4df;--tone2:#e6f5f2}.tone-leaf{--tone1:#b6dfaa;--tone2:#e7f2df}.tone-yellow{--tone1:#f3df8e;--tone2:#fbf3d1}.tone-night{--tone1:#c8ccd8;--tone2:#eaecf1}.tone-sand{--tone1:#e5d2b5;--tone2:#f5ecdf}.tone-emerald{--tone1:#b5dfc5;--tone2:#e3f2e8}.tone-copper{--tone1:#e5c0a5;--tone2:#f5e4d8}
.empty-state{padding:48px 20px;text-align:center;border-radius:26px;background:rgba(255,255,255,.46);border:1px solid rgba(255,255,255,.8)}.empty-state strong,.empty-state span{display:block}.empty-state strong{font-size:24px}.empty-state span{margin-top:8px;color:var(--muted)}.empty-state button{margin-top:18px;border:0;background:#172019;color:white;border-radius:13px;padding:12px 16px;cursor:pointer}
.deferred{content-visibility:auto;contain-intrinsic-size:auto 280px}.footer{padding:14px 0 96px}.footer-service-tile{grid-column:auto;width:100%;min-height:230px}.footer-service-tile .tile-copy{max-width:920px}.footer-service-tile .footer-copy h2{font-size:clamp(21px,2.2vw,31px)}.footer-service-tile .footer-copy p{max-width:900px}.footer-meta{position:relative;z-index:2;margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-meta a{font-size:17px;font-weight:720;color:#18241d}.footer-meta span{font-size:11px;font-weight:720;color:rgba(18,36,24,.57)}.mobile-dock{display:none}

@media(max-width:980px){.service-tile{grid-column:span 4}.service-tile.wide{grid-column:span 8}.intro-service-tile,.footer-service-tile{grid-column:auto}}
@media(max-width:720px){:root{--radius:24px}.shell{width:min(100% - 24px,600px)}body{padding-bottom:90px}.ambient i{filter:blur(26px);opacity:.32}.hero{padding:12px 0 9px}.intro-service-tile{min-height:210px;padding:15px;border-radius:23px}.intro-service-tile .intro-copy h1{font-size:20px;line-height:1.02}.intro-service-tile .intro-copy p{font-size:11px;line-height:1.4}.intro-meta{margin-top:14px;align-items:flex-start;flex-direction:column;gap:7px;font-size:9px}.intro-meta a{font-size:14px}.catalog{padding-top:9px}.catalog-tools,.search{width:100%}.filter-rail{margin-right:-12px;padding-right:12px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.service-tile,.service-tile.wide,.service-tile.tall{grid-column:span 1;grid-row:span 1;min-height:210px;padding:15px;border-radius:23px}.service-tile:nth-child(5n+1),.service-tile.wide:nth-child(5n+1){grid-column:span 2;min-height:225px}.intro-service-tile,.footer-service-tile{grid-column:auto;min-height:210px}.service-tile:before{width:95%;right:-40%;bottom:-34%}.tile-glow{display:none}.tile-category{font-size:8px;padding:6px 7px}.tile-copy h2{font-size:20px}.service-tile:nth-child(5n+1) .tile-copy h2{font-size:26px}.tile-copy p{font-size:11px;line-height:1.4}.tile-open{margin-top:14px}.service-tile:hover{transform:none}.footer{padding-top:9px;padding-bottom:30px}.footer-service-tile .footer-copy h2{font-size:20px}.footer-meta{margin-top:14px;align-items:flex-start;flex-direction:column;gap:7px}.footer-meta a{font-size:15px}.footer-meta span{font-size:10px}.mobile-dock{position:fixed;z-index:60;left:12px;right:12px;bottom:var(--safe-bottom);height:62px;padding:6px;display:grid;grid-template-columns:1fr 1fr;gap:6px;border:1px solid rgba(255,255,255,.88);border-radius:21px;background:rgba(250,254,251,.82);box-shadow:0 14px 44px rgba(21,45,29,.16),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08)}.mobile-dock a{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-radius:15px;font-size:13px;font-weight:700}.mobile-dock a:first-child{background:rgba(27,58,37,.05)}.mobile-dock .dock-call{background:#172019;color:white}.mobile-dock b{font-size:12px;opacity:.7}}
@media(max-width:390px){.intro-service-tile .intro-copy h1{font-size:18px}.service-tile,.service-tile.wide,.service-tile.tall{min-height:198px}.service-tile:nth-child(5n+1),.service-tile.wide:nth-child(5n+1){min-height:215px}.intro-service-tile,.footer-service-tile{min-height:198px}.tile-copy h2{font-size:18px}.service-tile:nth-child(5n+1) .tile-copy h2{font-size:24px}.tile-copy p{font-size:10.5px}}
@media(hover:none),(pointer:coarse){.service-tile{transition:none}.service-tile:hover{transform:none}.tile-glow{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.search,.mobile-dock{background:rgba(250,254,251,.96)}}