@font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/400-cyrillic.woff2?v=3576e677') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/400-latin.woff2?v=b636a65d') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/500-cyrillic.woff2?v=3576e677') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/500-latin.woff2?v=b636a65d') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/600-cyrillic.woff2?v=3576e677') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/600-latin.woff2?v=b636a65d') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/700-cyrillic.woff2?v=3576e677') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/700-latin.woff2?v=b636a65d') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} @font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 800;font-display: swap;src: url('../fonts/800-cyrillic.woff2?v=3576e677') format('woff2');unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;} @font-face{font-family: 'JetBrains Mono';font-style: normal;font-weight: 800;font-display: swap;src: url('../fonts/800-latin.woff2?v=b636a65d') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;} :root{--bg-page: #131313;--bg-shell: #1e1e1e;--bg-elev: #272727;--bg-elev-2: #2f2f2f;--border: #2e2e2e;--text: #f4f4f4;--text-soft: #d4d4d4;--muted: #9a9a9a;--accent: #8b5cf6;--accent-soft: #a78bfa;--pink: #9c85d1;--hex-shadow:#151515;--bits: rgba(255,255,255,.055);--teal: #14b8a6;--page-pad: 7.5px;--font-mono: 'JetBrains Mono',ui-monospace,'Cascadia Code',Consolas,monospace;--hex: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);--hex-pointy: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);--hero-copy-x: 10px;--hero-copy-y: 17px;--hero-photo-x: 35px;--hero-photo-y: -5px;--badge-x: 0px;--badge-y: 0px;--team-x: 1px;--team-y: 0px;--hero-bg-1: #1b1b1b;--hero-bg-2: #26203a;--hero-bg-3: #2a1f3d;--hero-dots: rgba(255,255,255,.12);} *{box-sizing: border-box;} html{height: 100%;} body{margin: 0;padding: var(--page-pad);min-height: 100vh;min-height: 100dvh;display: flex;flex-direction: column;align-items: center;font-family: var(--font-mono);background: var(--bg-page);color: var(--text);transition: background .3s,color .3s;} a{color: inherit;text-decoration: none;} ul{list-style: none;} ::selection{background: var(--accent);color: #ffffff;} :focus-visible{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: 6px;} .binary-layer{position: fixed;inset: 0;overflow: hidden;pointer-events: none;z-index: 0;} .bit-col{position: absolute;top: -160px;font-size: 12px;line-height: 1.95;white-space: pre;color: var(--bits);animation: bits-drift 38s ease-in-out infinite alternate;user-select: none;} @keyframes bits-drift{from{transform: translateY(-5%);} to{transform: translateY(5%);}} .shell{position: relative;z-index: 1;flex: 0 1 auto;display: flex;flex-direction: column;width: 100%;max-width: 1560px;min-width: 0;margin-inline: auto;margin-block: auto;min-height: min(calc(100dvh - var(--page-pad) - var(--page-pad)),840px);background: var(--bg-shell);border: 1px solid var(--border);border-radius: 16px;overflow: hidden;overflow: clip;box-shadow: 0 24px 70px rgba(0,0,0,.35);transition: background .3s;} @media (min-width: 1281px){.shell{max-height: min(calc(100dvh - var(--page-pad) - var(--page-pad)),840px);}} .navbar{flex: none;display: flex;align-items: stretch;height: clamp(56px,5vw,72px);border-bottom: 1px solid var(--border);} .nav-burger{flex: none;width: clamp(50px,5.5vw,68px);display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 5px;padding: 0;background: none;border: 0;border-right: 1px solid var(--border);cursor: pointer;color: var(--text);} .burger-line{display: block;width: 20px;height: 2px;border-radius: 2px;background: currentColor;transition: background .2s,width .25s;} .burger-line.short{width: 12px;} .nav-burger:hover{color: var(--accent);} .nav-burger:hover .burger-line.short{width: 20px;} .brand{display: flex;align-items: center;gap: 9px;margin-left: clamp(14px,1.8vw,26px);font-weight: 800;font-size: clamp(15px,1.2vw,18px);letter-spacing: .3px;white-space: nowrap;} .brand-logo{display: block;flex: none;color: var(--accent);} @keyframes logoGlow{0%,100%{filter: drop-shadow(0 0 0 rgba(139,92,246,0));} 50%{filter: drop-shadow(0 0 9px rgba(139,92,246,.85));}} .brand-logo,.badge-logo{animation: logoGlow 2.6s ease-in-out infinite;} @media (prefers-reduced-motion: reduce){.brand-logo,.badge-logo{animation: none;} .plan-btn::after,.cta-tile--shine::after,.order-submit::after{animation: none;left: 120%;} .hero,.page-empty,.hero::before,.page-empty::before{animation: none;}} .nav-menu{display: flex;align-items: center;gap: clamp(6px,1.8vw,30px);margin: 0 0 0 25px;padding: 0 18px;} .nav-menu a{font-size: clamp(16px,1vw,17px);font-weight: 500;color: var(--muted);transition: color .2s;} .nav-menu a:hover,.nav-menu a.is-active{color: var(--text);} .nav-right{display: flex;align-items: stretch;margin-left: auto;} .nav-right--plain{padding-right: clamp(14px,1.8vw,26px);} .nav-right--plain .lang{left: 0;margin-right: 0;} .nav-right--plain .lang-btn{padding-right: 0;} .ai-mark{position: relative;align-self: center;display: inline-flex;align-items: center;justify-content: center;width: 22px;height: 22px;margin-right: 4px;color: var(--accent);cursor: help;} .ai-mark + .lang{left: 0;} .ai-mark-ic{width: 100%;height: 100%;background-color: currentColor;transform: translateY(-1px);-webkit-mask: url(../img/icon/ai.svg?v=132d7fc9) no-repeat center / contain;mask: url(../img/icon/ai.svg?v=132d7fc9) no-repeat center / contain;} .ai-mark:hover,.ai-mark:focus-visible{color: var(--accent-soft);outline: none;} .ai-mark-tip{position: absolute;top: calc(100% + 9px);right: 0;width: max-content;max-width: 230px;padding: 7px 9px;background: var(--bg-elev-2);color: var(--text-soft);border: 1px solid var(--border);border-radius: 9px;box-shadow: 0 8px 22px rgba(0,0,0,.4);font-size: 11.5px;font-weight: 400;line-height: 1.4;text-align: left;opacity: 0;visibility: hidden;transform: translateY(-4px);transition: opacity .15s,transform .15s;z-index: 60;} .ai-mark:hover .ai-mark-tip,.ai-mark:focus-visible .ai-mark-tip{opacity: 1;visibility: visible;transform: translateY(0);} @media (max-width: 520px){.ai-mark-tip{max-width: 200px;}} .lang{position: relative;left: 15px;display: flex;align-items: center;align-self: center;} .lang-btn{display: flex;align-items: center;gap: 8px;padding: 10px 12px;background: none;border: 0;color: var(--text);font-family: inherit;font-size: 15.5px;cursor: pointer;white-space: nowrap;} .lang-btn .chev{color: var(--muted);transition: transform .2s;} .lang.open .chev{transform: rotate(180deg);} .lang-flag{display: flex;} .flag{width: 22px;height: 16px;border-radius: 2.5px;box-shadow: 0 0 0 1px var(--border);} .lang-list{position: absolute;top: calc(100% + 4px);left: 50%;min-width: 150px;margin: 0;padding: 6px;background: var(--bg-elev);border: 1px solid var(--border);border-radius: 12px;box-shadow: 0 18px 50px rgba(0,0,0,.35);opacity: 0;visibility: hidden;transform: translate(-50%,-6px);transition: .2s;z-index: 30;} .lang.open .lang-list{opacity: 1;visibility: visible;transform: translate(-50%,0);} .lang-list li{padding: 2px;} .lang-list li a{display: flex;align-items: center;gap: 10px;padding: 8px 10px;border-radius: 8px;color: var(--text);font-size: 13.5px;white-space: nowrap;min-width: 118px;transition: background .15s;} .lang-list li a:hover{background: var(--bg-elev-2);} .lang-list li[aria-selected="true"] a{color: var(--accent);} .nav-socials{display: flex;align-items: center;gap: clamp(8px,.85vw,13px);padding: 0 clamp(14px,1.8vw,24px);padding-right: clamp(14px,1.8vw,26px);} .nav-socials a{display: flex;color: var(--muted);transition: color .2s,transform .2s;} .nav-socials a:hover{color: var(--accent);transform: translateY(-2px);} .social-icon{display: block;width: 27px;height: 27px;border-radius: 7px;} .drawer-socials .social-icon{width: 30px;height: 30px;border-radius: 8px;} .social-icon--instagram{background: linear-gradient(45deg,#ffdd55 0%,#ff543e 45%,#c837ab 100%);} .social-icon--max{background: radial-gradient(140% 140% at 0% 0%,rgba(0,0,255,.5) 0%,rgba(0,0,255,0) 62%),linear-gradient(74deg,#4ccfff 0%,#5533ee 66%,#9933dd 100%);} .hero,.page-empty{position: relative;overflow: hidden;background: linear-gradient(120deg,var(--hero-bg-1),var(--hero-bg-2),var(--hero-bg-1),var(--hero-bg-3));background-size: 300% 300%;animation: heroBgShift 14s ease-in-out infinite;} .hero::before,.page-empty::before{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;opacity: .55;background-image: radial-gradient(var(--hero-dots) 1px,transparent 1px);background-size: 18px 18px;animation: heroDots 20s linear infinite;} .hero>*,.page-empty>*{position: relative;z-index: 1;} .hero{flex: 1 1 auto;display: grid;grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr);gap: clamp(24px,3vw,54px);align-items: center;align-content: center;padding: clamp(24px,3vw,48px) clamp(20px,3.5vw,62px);} @keyframes heroBgShift{0%,100%{background-position: 0% 50%;} 50%{background-position: 100% 50%;}} @keyframes heroDots{from{background-position: 0 0;} to{background-position: 90px 90px;}} .hero-media{position: relative;width: min(100%,410px);margin-inline: auto;animation: fade-up .8s .1s both;} .hex-frame{position: relative;aspect-ratio: .94;} .hex-frame::before{content: "";position: absolute;inset: 0;background: var(--hex-shadow);clip-path: var(--hex);transform: translate(12px,14px);} .hex-frame img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 50% 0;clip-path: var(--hex);z-index: 1;filter: brightness(.82);pointer-events: none;-webkit-user-drag: none;user-select: none;} .hex-frame img.has-lqip{background-image: url("../img/portrait-lqip.webp");background-size: cover;background-position: 50% 0;background-repeat: no-repeat;} .hex-frame::after{content: "";position: absolute;inset: 0;clip-path: var(--hex);background: linear-gradient(165deg,rgba(139,92,246,.55),rgba(79,58,128,.42) 55%,rgba(90,70,150,.30) 100%);mix-blend-mode: color;display: none;} .hex-frame[data-effect="duotone"]::after{display: block;} .hex-frame[data-effect="duotone"] img{filter: grayscale(1) contrast(1.04) brightness(.79);} .hex-frame[data-shape="circle"] img,.hex-frame[data-shape="circle"]::before,.hex-frame[data-shape="circle"]::after{clip-path: none;border-radius: 50%;} .hex-frame[data-shape="rounded"] img,.hex-frame[data-shape="rounded"]::before,.hex-frame[data-shape="rounded"]::after{clip-path: none;border-radius: 28px;} .hex-frame[data-shape="blob"] img,.hex-frame[data-shape="blob"]::before,.hex-frame[data-shape="blob"]::after{clip-path: none;border-radius: 58% 42% 55% 45% / 48% 55% 45% 52%;} .hex-frame[data-shape="octagon"] img,.hex-frame[data-shape="octagon"]::before,.hex-frame[data-shape="octagon"]::after{clip-path: polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);} .hex-frame[data-shape="arch"] img,.hex-frame[data-shape="arch"]::before,.hex-frame[data-shape="arch"]::after{clip-path: none;border-radius: 999px 999px 22px 22px;} .hex-frame[data-shape="quad"] img{clip-path: none;border-radius: 16px;z-index: 1;filter: drop-shadow(8px 10px 0 rgba(0,0,0,.4));} .hex-frame[data-shape="quad"][data-effect="duotone"] img{filter: grayscale(1) sepia(1) hue-rotate(225deg) saturate(2.4) brightness(.98) drop-shadow(8px 10px 0 rgba(0,0,0,.4));} .hex-frame[data-shape="quad"]::before{clip-path: none;transform: none;background: linear-gradient(var(--bg-shell),var(--bg-shell)) center / 100% 4.5% no-repeat,linear-gradient(var(--bg-shell),var(--bg-shell)) center / 4.5% 100% no-repeat;z-index: 2;} .hex-frame[data-shape="quad"]::after{background: none;mix-blend-mode: normal;z-index: 1;} .hex-frame[data-shape="circle"]::before,.hex-frame[data-shape="rounded"]::before,.hex-frame[data-shape="octagon"]::before,.hex-frame[data-shape="arch"]::before{transform: none;filter: blur(20px);background: rgba(0,0,0,.5);} .hex-frame[data-shape="blob"]::before{inset: 1%;transform: translateY(-8px);filter: blur(20px);background: rgba(0,0,0,.5);} .hex-badge{position: absolute;left: 50%;bottom: -6.5%;transform: translate(calc(-50% + var(--badge-x,0px)),var(--badge-y,0px));width: fit-content;z-index: 3;} .hex-badge-core{position: static;background: var(--bg-elev);border: 1px solid var(--border);border-radius: 6px 6px 6px 6px;box-shadow: 0 12px 26px rgba(0,0,0,.4);display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 15px;padding: 8px 30px;} .badge-brand{display: flex;flex-direction: column;align-items: center;gap: 3px;} .badge-name{color: #ffffff;font-weight: 800;padding-top: 1px;font-size: clamp(17px,2.2vw,19.5px);line-height: 1.25;letter-spacing: .03em;text-align: center;} .badge-logo{width: clamp(25px,2.6vw,33px);padding-top: 2px;height: auto;display: block;color: var(--accent);} .badge-team{color: #ffffff;font-size: clamp(8px,.8vw,10px);letter-spacing: .18em;line-height: 1;transform: translate(var(--team-x,0px),var(--team-y,0px));} .page-empty{flex: 1;min-height: 0;display: grid;place-items: center;text-align: center;padding: 40px 24px;animation: fade-up .7s both;} .page-empty:not(.page-pricing) h1{font-size: clamp(22px,3vw,34px);color: var(--text);} .page-empty:not(.page-pricing) p{margin-top: 10px;color: var(--muted);font-size: 14px;} .page-empty:not(.page-pricing) .nf-code{font-size: clamp(56px,10vw,120px);line-height: 1;margin: 0 0 6px;color: var(--accent);letter-spacing: -.03em;} .page-empty:not(.page-pricing) .nf-text{margin: 0 0 18px;} body.maint-body{min-height: 100dvh;padding: 0;display: flex;align-items: center;justify-content: center;background: linear-gradient(120deg,var(--hero-bg-1),var(--hero-bg-2),var(--hero-bg-1),var(--hero-bg-3));background-size: 300% 300%;animation: heroBgShift 14s ease-in-out infinite;} body.maint-body::before{content: "";position: fixed;inset: 0;z-index: 0;pointer-events: none;opacity: .55;background-image: radial-gradient(var(--hero-dots) 1px,transparent 1px);background-size: 18px 18px;animation: heroDots 20s linear infinite;} .maint-page{position: relative;z-index: 1;width: 100%;min-height: 100dvh;display: flex;align-items: center;justify-content: center;padding: 24px;text-align: center;} .maint{display: flex;flex-direction: column;align-items: center;gap: 18px;} .maint-ico{color: var(--accent);filter: drop-shadow(0 0 30px rgba(139,92,246,.55));animation: maint-spin 9s linear infinite;} .maint-title{margin: 0;font-size: clamp(22px,4vw,40px);letter-spacing: -.02em;color: var(--text);} .maint-text{margin: 0;color: var(--muted);max-width: 44ch;} @keyframes maint-spin{to{transform: rotate(360deg);}} .offline-ico{animation: none;} .offline-refresh{display: inline-flex;align-items: center;justify-content: center;min-height: 42px;padding: 0 16px;border: 1px solid color-mix(in srgb,var(--text) 22%,transparent);border-radius: 12px;color: var(--text);transition: border-color .2s,color .2s;} .offline-refresh:hover{border-color: var(--accent);color: var(--accent);} @media (prefers-reduced-motion: reduce){.maint-ico{animation: none;}} .page-contacts{place-items: stretch;text-align: left;padding: 0;} .page-contacts .pricing-fit{align-items: stretch;justify-content: flex-start;gap: 0;min-height: 0;padding: clamp(12px,1.6vw,22px) clamp(14px,2.4vw,32px);} .contact-head{display: flex;align-items: baseline;gap: 10px;min-width: 0;margin-left: 12px;text-align: left;} .contact-head h1{margin: 0;color: var(--text);font-size: clamp(16px,1.4vw,19px);font-weight: 800;letter-spacing: -.01em;white-space: nowrap;} .contact-sub{margin: 0;color: var(--muted);font-size: 12px;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .contact-extra{position: absolute;left: -9999px;width: 1px;height: 1px;opacity: 0;} .page-services .pricing{grid-template-columns: repeat(5,minmax(0,1fr));} @media (max-width: 1400px){.page-services .pricing{grid-template-columns: repeat(4,minmax(0,1fr));}} @media (max-width: 1100px){.page-services .pricing{grid-template-columns: repeat(3,minmax(0,1fr));}} @media (max-width: 820px){.page-services .pricing{grid-template-columns: repeat(2,minmax(0,1fr));}} @media (max-width: 520px){.page-services .pricing{grid-template-columns: 1fr;}} .service-head{display: block;} .service-text{min-width: 0;} .service-icon{float: right;display: inline-flex;align-items: center;justify-content: center;margin: -5px 0 0 12px;} .service-icon img{display: block;width: 50px;height: 50px;object-fit: contain;} .page-services .service-price{text-align: center;color: var(--text);font-size: 21px;font-weight: 800;letter-spacing: -1px;} .page-services .service-price .plan-from{margin-right: 5px;} .page-services .service-price .plan-from,.page-services .service-price .plan-unit{color: var(--muted);font-size: 12px;font-weight: 400;letter-spacing: 0;} .page-services .service-price .plan-unit{margin-left: 1px;} .page-services .plan-sub{margin-bottom: 14px;} .page-pricing{position: relative;display: flex;flex-direction: column;align-items: stretch;padding: 16px;overflow: hidden;} body:has(.page-pricing) .shell{max-height: none;} .order-robot{color: var(--accent);filter: drop-shadow(0 0 26px rgba(139,92,246,.55));animation: robot-float 3.4s ease-in-out infinite;margin-bottom: 18px;} .order-robot svg{display: block;width: clamp(96px,13vw,148px);height: auto;} .robot-eye{transform-box: fill-box;transform-origin: center;animation: robot-blink 5s infinite;} .robot-antenna{transform-box: fill-box;transform-origin: center;animation: robot-antenna 1.8s ease-in-out infinite;} @keyframes robot-float{0%,100%{transform: translateY(0);} 50%{transform: translateY(-10px);}} @keyframes robot-blink{0%,94%,100%{transform: scaleY(1);} 96%{transform: scaleY(.15);} 98%{transform: scaleY(1);}} @keyframes robot-antenna{0%,100%{opacity: 1;transform: scale(1);} 50%{opacity: .5;transform: scale(1.25);}} @media (prefers-reduced-motion: reduce){.order-robot,.robot-eye,.robot-antenna{animation: none;}} .page-order .pricing-fit{align-items: center;justify-content: center;text-align: center;} .page-order .pricing-head{text-align: center;padding-left: 0;} .order-sub{margin: 10px auto 0;color: var(--muted);font-size: clamp(13px,1.1vw,16px);max-width: none;white-space: nowrap;} @media (max-width: 720px){.order-sub{white-space: normal;}} .order-choice{display: flex;flex-wrap: wrap;justify-content: center;gap: 16px;margin-top: 28px;} .order-btn{min-width: 200px;justify-content: center;padding: 18px 34px;font-size: 16px;border-radius: 14px;} .order-cards{display: flex;flex-wrap: wrap;justify-content: center;gap: 14px;width: 100%;max-width: 920px;margin-top: 6px;text-align: left;} .order-card{flex: 0 0 calc((100% - 42px) / 4);display: flex;flex-direction: row;align-items: center;justify-content: space-between;gap: 12px;min-height: 82px;padding: 14px 18px;border: 1px solid var(--border);border-radius: 16px;background: var(--bg-elev);color: var(--text);text-decoration: none;transition: border-color .2s,transform .2s,background .2s;} @media (max-width: 1100px){.order-card{flex-basis: calc((100% - 28px) / 3);}} @media (max-width: 820px){.order-card{flex-basis: calc((100% - 14px) / 2);}} @media (max-width: 520px){.order-card{flex-basis: 100%;}} .order-card:hover{border-color: var(--accent);background: var(--bg-elev-2);transform: translateY(-3px);} .order-card-name{font-weight: 600;font-size: 15px;line-height: 1.3;min-height: 1.3em;} .order-card-price{font-weight: 700;font-size: 17px;color: var(--accent-soft);white-space: nowrap;} .order-card-price small{margin-right: 5px;font-size: 12px;font-weight: 500;color: var(--muted);} .order-card-price em{margin-left: 3px;font-size: 13px;font-style: normal;font-weight: 500;color: var(--muted);} .order-card-text{display: flex;flex-direction: column;gap: 8px;min-width: 0;flex: 1 1 auto;} .order-card-ico{flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;} .order-card-ico img{display: block;width: 56px;height: 56px;object-fit: contain;} .order-back{display: flex;justify-content: center;margin-top: 26px;} .page-order .pricing-fit--form{justify-content: flex-start;padding-top: 6px;} .order-selected{display: flex;flex-direction: column;align-items: center;gap: 5px;margin: 2px 0 6px;} .order-selected-label{font-size: 12px;text-transform: uppercase;letter-spacing: .08em;color: var(--muted);} .order-selected-name{font-size: clamp(20px,2.4vw,28px);font-weight: 700;} .order-selected-price{font-weight: 700;font-size: 18px;color: var(--accent-soft);white-space: nowrap;} .order-selected-price small{margin-right: 5px;font-size: 12px;font-weight: 500;color: var(--muted);} .order-selected-price em{margin-left: 3px;font-size: 13px;font-style: normal;font-weight: 500;color: var(--muted);} .order-note{width: 100%;max-width: 560px;margin: 4px 0 0;padding: 14px 18px;border: 1px solid var(--border);border-radius: 14px;text-align: center;font-size: 14px;} .order-note--ok{color: var(--accent-soft);border-color: rgba(139,92,246,.45);background: rgba(139,92,246,.10);} .order-note--ok::before{content: "✓ ";font-weight: 700;color: var(--accent);} .order-note--err{color: #f87171;border-color: rgba(248,113,113,.4);background: rgba(248,113,113,.08);} .order-form{display: flex;flex-direction: column;gap: 14px;width: 100%;max-width: 560px;margin: 2px 0 0;text-align: left;} .order-field{display: flex;flex-direction: column;gap: 6px;font-size: 14px;color: var(--muted);} .order-field input,.order-field textarea{width: 100%;padding: 12px 14px;border: 1px solid var(--border);border-radius: 12px;background: var(--bg-elev);color: var(--text);font: inherit;font-size: 15px;transition: border-color .2s;} .order-field input:focus,.order-field textarea:focus{outline: none;border-color: var(--accent);} .order-field textarea{resize: vertical;min-height: 96px;} .order-form--social .order-contact{display: none;} .order-form--social:has(input[name="o_social"]:checked) .order-contact{display: flex;animation: order-reveal .25s ease;} @keyframes order-reveal{from{opacity: 0;transform: translateY(-5px);} to{opacity: 1;transform: none;}} .order-socials{margin: 0;padding: 0;border: 0;} .order-socials legend{margin-bottom: 8px;padding: 0;width: 100%;text-align: center;font-size: 14px;color: var(--muted);} .order-socials-list{display: flex;flex-wrap: nowrap;justify-content: center;gap: 7px;} .order-social{position: relative;display: inline-flex;align-items: center;gap: 6px;padding: 8px 9px;border: 1px solid var(--border);border-radius: 12px;background: var(--bg-elev);cursor: pointer;transition: border-color .2s,background .2s;} .order-social input{position: absolute;opacity: 0;pointer-events: none;} .order-social-ic{display: inline-flex;color: var(--muted);} .order-social-ic svg{width: 16px;height: 16px;} .order-social-name{font-size: 13px;white-space: nowrap;} @media (max-width: 720px){.order-socials-list{flex-wrap: wrap;}} .order-social:has(input:checked),.order-social:has(input:focus-visible){border-color: var(--accent);background: var(--bg-elev-2);} .order-social:has(input:checked) .order-social-ic{color: var(--accent-soft);} .order-submit{position: relative;overflow: hidden;align-self: center;padding: 14px 34px;border: 0;border-radius: 14px;background: var(--accent);color: #fff;font: inherit;font-size: 16px;font-weight: 700;cursor: pointer;transition: transform .2s,box-shadow .2s,filter .2s;} .order-submit:hover{transform: translateY(-3px);box-shadow: none;filter: none;background: var(--accent);} .pricing-fit{display: flex;flex-direction: column;flex: 1 0 auto;justify-content: flex-start;gap: 8px;width: 100%;min-width: 0;} .pricing{width: 100%;display: grid;grid-template-columns: repeat(auto-fit,minmax(210px,1fr));gap: 12px;padding: 8px 0;text-align: left;} @media (min-width: 1300px){.page-pricing .pricing{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 12px;} .page-pricing .pricing>.plan{flex: 0 1 calc(20% - 9.6px);}} @media (min-width: 1120px) and (max-width: 1299px){.page-pricing .pricing{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 12px;} .page-pricing .pricing>.plan{flex: 0 1 calc(25% - 9px);}} @media (min-width: 830px) and (max-width: 1119px){.page-pricing .pricing{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 12px;} .page-pricing .pricing>.plan{flex: 0 1 calc(33.33% - 8px);}} @media (min-width: 640px) and (max-width: 829px){.page-pricing .pricing{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 12px;} .page-pricing .pricing>.plan{flex: 0 1 calc(50% - 6px);}} @media (max-width: 639px){.page-pricing .pricing{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 12px;} .page-pricing .pricing>.plan{flex: 0 1 100%;}} .pricing-head{text-align: left;margin: 0;padding-left: 8px;} .pricing-head--row{display: flex;align-items: center;justify-content: space-between;gap: 16px;flex-wrap: wrap;padding-right: 18px;} .section-note{margin: auto 8px 0;padding: 0;color: var(--text-soft);font-size: 13.5px;line-height: 1.6;letter-spacing: -0.5px;} .section-note::first-letter{color: var(--accent-soft);font-weight: 800;} .note-wrap{margin: auto 0 0;} .note-more{display: none;} .note-more svg{display: block;width: 36px;height: 36px;transition: transform .25s;} .note-more.is-open svg{transform: rotate(180deg);} @media (max-width: 700px){html.has-js .note-more{display: flex;align-items: center;justify-content: center;width: 52px;height: 52px;margin: 2px auto 0;padding: 0;background: none;border: 0;color: var(--accent-soft);cursor: pointer;transition: color .2s;} html.has-js .note-more:hover{color: var(--text);} html.has-js .note-wrap{position: relative;} html.has-js .note-wrap.is-closed>.section-note{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}} .head-cta{display: inline-flex;align-items: center;gap: 14px;flex-wrap: wrap;} .head-cta-text{color: var(--muted);font-size: 14px;line-height: 1.3;} .head-cta .head-cta-btn{min-width: 0;min-height: 35px;padding: 8px 22px;font-size: 14.5px;border-radius: 12px;border-color: var(--accent);} .head-cta .head-cta-btn:hover{border-color: var(--accent);background: var(--bg-elev);transform: none;box-shadow: none;} .pricing-head h1,.plan h2,.plan p,.plan ul{margin: 0;} .plan ul{padding: 0;} .pricing-head h1{color: var(--text);font-size: 23px;font-weight: 800;margin-left: 10px;letter-spacing: -.02em;margin-bottom: 0;} .plan{background: var(--bg-elev);border: 1px solid var(--border);border-radius: 14px;padding: 14px 12px;display: flex;flex-direction: column;justify-content: flex-start;transition: border-color .25s,transform .25s;} .plan:hover{border-color: var(--accent);transform: translateY(-4px);} .plan-titles{margin: 0 0 3px;} .plan-label{display: block;color: var(--muted);font-size: 12px;font-weight: 500;letter-spacing: .16em;text-transform: uppercase;} .plan-title{color: var(--text);font-size: 17px;font-weight: 800;letter-spacing: -.01em;margin-top: 3px;} .plan-sub{margin-top: 0;color: var(--muted);font-size: 13px;line-height: 1.4;min-height: 4.2em;display: block;overflow: visible;} .page-pricing:not(.page-services) .service-head .plan-sub{height: 4.2em;min-height: 4.2em;overflow: hidden;clear: right;} .plan-price{margin-top: 10px;display: flex;flex-wrap: wrap;align-items: baseline;justify-content: flex-end;gap: 5px;} .plan-from{color: var(--muted);font-size: 13px;} .plan-price strong{color: var(--text);font-size: 23px;font-weight: 800;letter-spacing: -1px;white-space: nowrap;} .plan-old{color: var(--muted);font-size: 15px;font-weight: 600;text-decoration: line-through;text-decoration-thickness: 1.5px;white-space: nowrap;} .plan-sale{align-self: center;background: color-mix(in srgb,#e5484d 20%,transparent);color: #ff9497;border-radius: 7px;padding: 2px 7px;font-size: 12.5px;font-weight: 800;white-space: nowrap;} .plan-caption{margin-top: 6px;text-align: right;color: var(--muted);font-size: 12px;} .plan hr{border: 0;border-top: 1px solid var(--border);margin: 10px 0 8px;} .plan-list{list-style: none;display: grid;gap: 6px;font-size: 14px;color: var(--text-soft);} .plan-list li{display: flex;align-items: center;gap: 8px;} .plan-list li:has(.ft-badge){flex-wrap: wrap;} .plan-list li::before{content: "✓";flex: 0 0 auto;width: 14px;height: 14px;border-radius: 50%;background: var(--accent);color: #ffffff;font-size: 8.5px;font-weight: 800;display: inline-flex;align-items: center;justify-content: center;} .plan-list li.is-no{color: var(--muted);} .plan-list li.is-no::before{content: "✗";background: #e5484d;font-size: 9px;} .ft-strong{color: var(--accent-soft);font-weight: 700;} .ft-hl{background: color-mix(in srgb,var(--accent) 22%,transparent);border-radius: 4px;padding: 1px 5px;} .ft-badge{border: 1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius: 999px;padding: 1px 8px;font-size: 12.5px;color: var(--accent-soft);} .ft-bonus{background: color-mix(in srgb,var(--teal) 20%,transparent);color: var(--teal);border-radius: 4px;padding: 1px 6px;font-size: 12.5px;font-weight: 600;} .ft-alert{background: color-mix(in srgb,#e5484d 20%,transparent);color: #ff9497;border-radius: 4px;padding: 1px 6px;font-size: 12.5px;font-weight: 600;} .ft-accent{color: var(--accent-soft);} .ft-muted{color: var(--muted);} .ft-strike{text-decoration: line-through;color: var(--muted);} .ft-code{background: var(--bg-elev-2);border: 1px solid var(--border);border-radius: 5px;padding: 1px 5px;font-size: 12.5px;} .ft-cap{text-transform: uppercase;letter-spacing: .08em;font-size: 11px;color: var(--muted);font-weight: 700;} .ft-badge,.ft-code{white-space: nowrap;} @media (max-width: 900px){.ft-badge{padding: 1px 6px;font-size: 11.5px;}} .ft-hl.ft-red,.ft-badge.ft-red{background: rgba(229,72,77,.22);color: #ff9497;border-color: rgba(229,72,77,.55);} .ft-hl.ft-yellow,.ft-badge.ft-yellow{background: rgba(234,179,8,.22);color: #fde047;border-color: rgba(234,179,8,.55);} .ft-hl.ft-green,.ft-badge.ft-green{background: rgba(34,197,94,.22);color: #86efac;border-color: rgba(34,197,94,.55);} .ft-hl.ft-blue,.ft-badge.ft-blue{background: rgba(59,130,246,.22);color: #93c5fd;border-color: rgba(59,130,246,.55);} .ft-hl.ft-orange,.ft-badge.ft-orange{background: rgba(249,115,22,.22);color: #fdba74;border-color: rgba(249,115,22,.55);} .ft-hl.ft-violet,.ft-badge.ft-violet{background: rgba(167,139,250,.24);color: #c4b5fd;border-color: rgba(167,139,250,.60);} .ft-hl.ft-gray,.ft-badge.ft-gray{background: rgba(148,163,184,.18);color: #cbd5e1;border-color: rgba(148,163,184,.50);} .ft-hl.ft-pink,.ft-badge.ft-pink{background: rgba(236,72,153,.22);color: #f9a8d4;border-color: rgba(236,72,153,.55);} .ft-hl.ft-cyan,.ft-badge.ft-cyan{background: rgba(34,211,238,.20);color: #67e8f9;border-color: rgba(34,211,238,.50);} .plan-hint{position: relative;flex: 0 0 auto;display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;border: 1px solid #bdbdbd;border-radius: 50%;background: transparent;color: #ffffff;font-size: 11px;font-weight: 800;line-height: 1;cursor: help;user-select: none;} .plan-hint-pop{position: absolute;left: 50%;bottom: calc(100% + 8px);transform: translateX(-50%);display: none;width: max-content;max-width: 230px;padding: 7px 9px;background: var(--bg-elev-2);border: 1px solid var(--border);border-radius: 9px;box-shadow: 0 8px 22px rgba(0,0,0,.4);color: var(--text-soft);font-size: 11.5px;font-weight: 400;line-height: 1.4;text-align: left;z-index: 6;} .plan-hint:hover .plan-hint-pop{display: block;} .plan-body{display: block;} .plan-foot{margin-top: auto;display: flex;flex-direction: column;} .plan-deadline{display: flex;align-items: center;gap: 10px;margin-top: 14px;padding: 10px 12px;background: var(--bg-elev-2);border: 1px solid var(--border);border-radius: 11px;} .plan-deadline small{display: block;color: var(--muted);font-size: 10px;letter-spacing: .06em;text-transform: uppercase;} .plan-deadline b{color: var(--text);font-size: 13px;} .plan-deadline svg{margin-left: auto;flex: none;color: var(--accent);} .plan-btn{display: inline-flex;align-items: center;justify-content: center;position: relative;overflow: hidden;margin-top: 14px;align-self: center;background: var(--accent);color: #ffffff;font-size: 12.5px;font-weight: 700;padding: 8px 24px;border-radius: 10px;text-decoration: none;transition: transform .2s,box-shadow .2s,filter .2s;} @keyframes planShine{0%{left: -40%;} 45%{left: 120%;} 100%{left: 120%;}} .plan-btn::after,.cta-tile--shine::after,.order-submit::after{content: "";position: absolute;top: -30%;left: -40%;width: 30%;height: 160%;background: linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform: skewX(-18deg);pointer-events: none;animation: planShine 2.6s ease-in-out infinite;} .plan-btn:hover{transform: translateY(-3px);box-shadow: none;filter: none;} .pricing-wide{display: grid;grid-template-columns: repeat(auto-fit,minmax(340px,1fr));gap: 12px;width: 100%;padding-bottom: 8px;} @media (max-width: 950px){.pricing-wide{grid-template-columns: 1fr;}} .pricing-wide:has(>:only-child){grid-template-columns: 1fr;} .pricing-wide .plan-wide{align-items: flex-start;} .pricing-wide .plan-wide .cms-right{align-self: flex-end;margin-left: auto;} .plan-wide{margin-top: 0;text-align: left;padding-bottom: 14px;flex-direction: row;justify-content: space-between;align-items: flex-end;gap: 20px;flex-wrap: wrap;} .plan-wide-main{flex: 1 1 auto;min-width: 260px;text-align: left;} .plan-wide .plan-wide-icon{align-self: center;} .plan-wide .plan-sub{display: block;min-height: 0;} .plan-wide .plan-list{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: clamp(8px,1.4vh,14px);margin-top: 8px;} .plan-wide .plan-btn{margin-top: 0;align-self: flex-end;} .cms-right{display: flex;flex-direction: column;align-items: flex-end;gap: 12px;flex-wrap: nowrap;} .hero-copy{max-width: 820px;} .hero-text-col>*{animation: fade-up .7s both;} .hero-text-col>:nth-child(1){animation-delay: .05s;} .hero-text-col>:nth-child(2){animation-delay: .15s;} .hero-text-col>:nth-child(3){animation-delay: .25s;} .hero-text-col>:nth-child(4){animation-delay: .35s;} .hero-partner{animation: fade-up .7s .45s both;} @keyframes fade-up{from{opacity: 0;transform: translateY(16px);} to{opacity: 1;transform: none;}} .hero-hello{margin: 0 0 12px;font-size: clamp(14.5px,1.2vw,18px);font-weight: 700;} .tag{color: var(--pink);font-weight: 600;} .hero-hello .tag{margin: 0 4px;} .sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0;} .hero-title{margin: 0 0 18px;font-size: clamp(25px,3vw,48px);line-height: 1.18;font-weight: 800;letter-spacing: -.5px;overflow-wrap: break-word;} .accent{color: var(--accent);} .hero-line{white-space: nowrap;} html.has-js #typed{visibility: hidden;} html.has-js #typed.is-typed{visibility: visible;} .caret{color: var(--accent);margin-left: 2px;animation: blink 1.1s steps(1) infinite;} @keyframes blink{0%,55%{opacity: 1;} 56%,100%{opacity: 0;}} .hero-text{margin: 0 0 clamp(22px,2.6vw,34px);max-width: 72ch;font-size: clamp(13px,1.05vw,16px);line-height: 1.7;color: var(--text-soft);} .tech{color: var(--pink);text-decoration: none;} .hero-actions{display: flex;align-items: center;gap: 12px;flex-wrap: wrap;margin-bottom: 18px;} .cta-tile{display: inline-flex;align-items: center;justify-content: center;gap: 12px;min-width: 156px;min-height: 54px;padding: 12px 20px;background: var(--bg-elev);border: 1px solid var(--border);border-radius: 15px;color: var(--text);font-size: 16.5px;font-weight: 700;text-decoration: none;transition: border-color .2s,background .2s,transform .2s,box-shadow .2s;} .cta-tile:hover{border-color: var(--accent);background: var(--bg-elev-2);transform: translateY(-2px);box-shadow: 0 10px 22px rgba(0,0,0,.35);} .cta-tile--shine{position: relative;overflow: hidden;background: var(--accent);color: #ffffff;border-color: transparent;box-shadow: 0 6px 16px rgba(139,92,246,.32);} .cta-tile--shine:hover{transform: translateY(-3px);box-shadow: none;border-color: transparent;background: var(--accent);color: #ffffff;} .hero-partner{display: inline-flex;align-items: center;gap: 15px;margin: 36px 0 0 50px;padding: 16px 30px 16px 20px;background: none;border: none;border-radius: 16px;font-size: 20.5px;color: var(--muted);} .partner-ico{display: inline-flex;} .partner-ico svg{display: block;} .partner-text{line-height: 1.45;} .partner-link{color: var(--accent);font-weight: 700;text-decoration: none;border-bottom: 1px dashed rgba(139,92,246,.55);transition: color .2s,border-color .2s;} .partner-link:hover{color: var(--accent-soft);border-bottom-color: currentColor;} @media (min-width: 1281px){:root{--page-pad: 15px;} .navbar{height: 72px;} .nav-menu{gap: 29px;} .nav-menu a{font-size: 16px;} .hero{grid-template-columns: minmax(0,410px) minmax(0,720px);justify-content: center;column-gap: clamp(48px,8.6vw,137px);row-gap: 48px;grid-template-rows: auto;align-content: center;padding: 48px 56px;} .hero-media{width: 100%;max-width: 410px;margin-inline: 0;translate: var(--hero-photo-x) var(--hero-photo-y);} .hero-title{font-size: 48px;} .hero-copy{transform: translate(var(--hero-copy-x),var(--hero-copy-y));}} .robot-hero{position: relative;display: flex;align-items: center;justify-content: center;width: min(100%,410px);margin-inline: auto;aspect-ratio: .94;} .robot-hero-glow{position: absolute;inset: 6% 2%;border-radius: 50%;background: radial-gradient(52% 52% at 50% 46%,rgba(139,92,246,.26),rgba(139,92,246,0) 72%);animation: robotGlow 9s ease-in-out infinite;} .robot-hero agent-robot-avatar{position: relative;z-index: 1;animation: fade-up .8s .1s both;} @keyframes robotGlow{0%,100%{opacity: .7;transform: scale(1);} 50%{opacity: 1;transform: scale(1.05);}} @media (max-width: 700px){.robot-hero agent-robot-avatar{transform: scale(.86);}} @media (prefers-reduced-motion: reduce){.robot-hero-glow{animation: none;}} [data-robot]{position: relative;} .robot-say{position: absolute;left: 50%;top: 2px;z-index: 3;transform: translate(-50%,6px);max-width: min(320px,94%);padding: 10px 14px;border-radius: 12px;background: var(--bg-shell);border: 1px solid var(--border);box-shadow: 0 14px 30px rgba(0,0,0,.5);font: 500 12.5px/1.45 var(--font-mono);color: var(--text);text-align: left;opacity: 0;visibility: hidden;transition: opacity .25s ease,transform .25s ease,visibility .25s;pointer-events: none;} .robot-say.is-on{opacity: 1;visibility: visible;transform: translate(-50%,0);} .robot-say::after{content: "";position: absolute;left: 50%;bottom: -6px;width: 11px;height: 11px;margin-left: -5.5px;background: var(--bg-shell);border-right: 1px solid var(--border);border-bottom: 1px solid var(--border);transform: rotate(45deg);} .robot-say-caret{display: inline-block;width: 8px;margin-left: 2px;color: var(--accent-soft);animation: robotCaret 1s steps(1,end) infinite;} @keyframes robotCaret{0%,50%{opacity: 1;} 51%,100%{opacity: 0;}} .robot-hero[data-mood="success"] .robot-hero-glow{background: radial-gradient(52% 52% at 50% 46%,rgba(34,197,94,.26),rgba(34,197,94,0) 72%);} .robot-hero[data-mood="love"] .robot-hero-glow{background: radial-gradient(52% 52% at 50% 46%,rgba(167,139,250,.30),rgba(167,139,250,0) 72%);} .robot-hero[data-mood="error"] .robot-hero-glow{background: radial-gradient(52% 52% at 50% 46%,rgba(239,68,68,.26),rgba(239,68,68,0) 72%);} .robot-hero[data-mood="waiting"] .robot-hero-glow{background: radial-gradient(52% 52% at 50% 46%,rgba(245,158,11,.24),rgba(245,158,11,0) 72%);} .order-robot[data-robot]{padding-top: 58px;} .order-robot agent-robot-avatar{display: block;} .order-robot .robot-say{max-width: min(320px,76vw);} @media (prefers-reduced-motion: reduce){.robot-say{transition: none;} .robot-say-caret{animation: none;}} #mgChat{position: fixed;right: 18px;bottom: 18px;z-index: 60;font-family: var(--font-mono);} .mg-chat-btn{position: relative;width: 54px;height: 54px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: var(--bg-elev);border: 1px solid var(--border);color: var(--accent-soft);box-shadow: 0 14px 30px rgba(0,0,0,.5);cursor: pointer;transition: transform .2s ease,border-color .2s ease,color .2s ease;} .mg-chat-btn:hover{transform: translateY(-2px);border-color: var(--accent);color: var(--accent);} .mg-chat-btn svg{width: 28px;height: 28px;} .mg-chat-dot{position: absolute;top: 10px;right: 10px;width: 7px;height: 7px;border-radius: 50%;background: var(--accent);box-shadow: 0 0 8px var(--accent);animation: mgChatDot 2.4s ease-in-out infinite;} @keyframes mgChatDot{0%,100%{opacity: .35;} 50%{opacity: 1;}} #mgChat.is-open .mg-chat-dot{display: none;} .mg-chat-panel{position: absolute;right: 0;bottom: 66px;width: min(340px,calc(100vw - 36px));display: flex;flex-direction: column;background: var(--bg-shell);border: 1px solid var(--border);border-radius: 16px;box-shadow: 0 20px 48px rgba(0,0,0,.55);overflow: hidden;animation: mgChatIn .22s ease;} .mg-chat-panel[hidden]{display: none;} @keyframes mgChatIn{from{opacity: 0;transform: translateY(8px);} to{opacity: 1;transform: none;}} .mg-chat-head{display: flex;align-items: center;justify-content: space-between;padding: 12px 14px;border-bottom: 1px solid var(--border);} .mg-chat-head b{font-size: 12.5px;color: var(--text);} .mg-chat-close{background: none;border: 0;color: var(--muted);font-size: 18px;line-height: 1;cursor: pointer;padding: 0 2px;} .mg-chat-close:hover{color: var(--accent-soft);} .mg-chat-log{display: flex;flex-direction: column;gap: 9px;padding: 14px;min-height: 120px;max-height: 320px;overflow-y: auto;} .mg-chat-msg{max-width: 88%;padding: 9px 12px;border-radius: 12px;font-size: 12.5px;line-height: 1.5;white-space: pre-line;} .mg-chat-msg--bot{align-self: flex-start;background: var(--bg-elev);border: 1px solid var(--border);color: var(--text-soft);} .mg-chat-msg--me{align-self: flex-end;background: var(--accent);color: #fff;} .mg-chat-msg--wait{align-self: flex-start;background: transparent;border: 1px dashed var(--border);color: var(--muted);} .mg-chat-form{display: flex;gap: 8px;padding: 12px 14px;border-top: 1px solid var(--border);} .mg-chat-input{flex: 1 1 auto;min-width: 0;font: 500 12.5px/1.3 var(--font-mono);color: var(--text);background: var(--bg-elev);border: 1px solid var(--border);border-radius: 9px;padding: 10px 11px;} .mg-chat-input::placeholder{color: var(--muted);} .mg-chat-send{flex: 0 0 auto;font: 500 12px/1 var(--font-mono);color: var(--text);background: var(--bg-elev);border: 1px solid var(--border);border-radius: 9px;padding: 10px 12px;cursor: pointer;} .mg-chat-send:hover{border-color: var(--accent);color: var(--accent-soft);} @media (max-width: 700px){#mgChat{right: 12px;bottom: 12px;} .mg-chat-log{max-height: 240px;}} @media (prefers-reduced-motion: reduce){.mg-chat-btn,.mg-chat-panel,.mg-chat-dot{animation: none !important;transition: none !important;}} .hero-fx{display: none;} @media (min-width: 1281px) and (pointer: fine){.hero>.hero-fx{display: block;position: absolute;inset: 0;z-index: 2;overflow: hidden;pointer-events: none;}} @media (prefers-reduced-motion: reduce){.hero-fx,.hero>.hero-fx{display: none;}} .fx-tag{position: absolute;top: 0;left: 0;display: block;opacity: 0;will-change: transform;translate: calc(var(--mx,0) * var(--depth,1) * 26px) calc(var(--my,0) * var(--depth,1) * 18px);} .hero-fx.is-on .fx-tag{animation: fxPop .8s cubic-bezier(.2,.8,.25,1) both;animation-delay: calc(var(--d,0) * 90ms);} .fx-cursor{display: block;width: 15px;height: 21px;transform-origin: 2px 2px;} .fx-pill{display: inline-block;margin: 2px 0 0 14px;padding: 7px 12px;border-radius: 999px;font: 500 12px/1.2 var(--font-mono);letter-spacing: .02em;white-space: nowrap;box-shadow: 0 10px 30px rgba(0,0,0,.35);} .fx-tag--1{color: var(--accent);} .fx-tag--1 .fx-pill{background: var(--accent);color: #ffffff;} .fx-tag--2{color: var(--accent-soft);} .fx-tag--2 .fx-pill{background: var(--accent-soft);color: #141414;} .fx-tag--3{color: var(--text);} .fx-tag--3 .fx-pill{background: var(--text);color: #141414;} .fx-tag--4{color: var(--text-soft);} .fx-tag--4 .fx-pill{background: rgba(255,255,255,.07);border: 1px solid var(--border);color: var(--text-soft);} .fx-tag--5{color: var(--pink);} .fx-tag--5 .fx-pill{background: var(--pink);color: #ffffff;} .fx-tag.is-click .fx-cursor{animation: fxClickCursor .32s cubic-bezier(.2,.8,.25,1);} .fx-tag.is-click .fx-pill{animation: fxClickPill .32s cubic-bezier(.2,.8,.25,1);} .fx-tag.is-click::before{content: "";position: absolute;top: -9px;left: -9px;width: 20px;height: 20px;border: 2px solid currentColor;border-radius: 50%;animation: fxClickRing .6s cubic-bezier(.2,.8,.25,1) forwards;pointer-events: none;} @keyframes fxPop{from{opacity: 0;scale: .55;} to{opacity: 1;scale: 1;}} @keyframes fxClickCursor{0%,100%{transform: scale(1);} 45%{transform: scale(.78);}} @keyframes fxClickPill{0%,100%{transform: scale(1);} 45%{transform: scale(.93);}} @keyframes fxClickRing{from{opacity: .5;transform: scale(.35);} to{opacity: 0;transform: scale(2.2);}} @media (min-width: 1281px) and (max-height: 800px){.navbar{height: 62px;} .hero{padding-block: 24px;} .hero-media{width: min(100%,410px);} .hero-title{margin-bottom: 14px;} .hero-hello{font-size: clamp(13.5px,1.05vw,16px);margin-bottom: 10px;} .hero-text{font-size: clamp(12.5px,.95vw,14.5px);line-height: 1.6;margin-bottom: 20px;} .hex-badge{width: fit-content;}} @media (min-width: 1281px) and (max-height: 660px){.navbar{height: 56px;} .hero{padding-block: 16px;gap: 24px;} .hero-media{width: min(100%,58vh);} .hero-title{margin-bottom: 10px;} .hero-hello{margin-bottom: 8px;} .hero-text{margin-bottom: 16px;line-height: 1.55;}} .backdrop{position: fixed;inset: 0;background: rgba(0,0,0,.55);opacity: 0;pointer-events: none;transition: opacity .3s;z-index: 50;} .drawer{position: fixed;top: 0;left: 0;height: 100dvh;width: min(320px,86vw);background: var(--bg-shell);border-right: 1px solid var(--border);z-index: 60;transform: translateX(-103%);transition: transform .35s cubic-bezier(.4,0,.2,1);display: flex;flex-direction: column;gap: 26px;padding: 22px 26px calc(22px + env(safe-area-inset-bottom,0px));overflow-y: auto;overscroll-behavior: contain;-webkit-overflow-scrolling: touch;} body.drawer-open .backdrop{opacity: 1;pointer-events: auto;} body.drawer-open .drawer{transform: none;} body.drawer-open{overflow: hidden;} .drawer-head{display: flex;align-items: center;justify-content: space-between;} .drawer-head .brand{margin-left: 0;} .drawer-close{background: none;border: 0;padding: 6px;color: var(--muted);cursor: pointer;} .drawer-close:hover{color: var(--text);} .drawer-nav{display: flex;flex-direction: column;gap: 6px;} .drawer-nav a{padding: 11px 10px;border-radius: 10px;font-size: 16px;color: var(--muted);transition: color .2s,background .2s;} .drawer-nav a:hover,.drawer-nav a.is-active{color: var(--text);background: var(--bg-elev);} .drawer-socials{display: flex;justify-content: center;gap: 12px;margin-top: auto;padding-top: 20px;border-top: 1px solid var(--border);} .drawer-socials a{color: var(--muted);transition: color .2s;} .drawer-socials a:hover{color: var(--accent);} .nav-burger{display: none;} @media (max-width: 1280px){.nav-menu{display: none;} .nav-burger{display: flex;}} @media (max-width: 1280px){.hero{grid-template-columns: 1fr;justify-items: center;gap: 48px;padding-top: calc(clamp(24px,3vw,48px) + 20px);padding-bottom: 46px;} .hero-media{width: min(100%,400px);margin-inline: auto;margin-bottom: 28px;} .hero-copy{display: block;max-width: 100%;width: 100%;justify-self: stretch;text-align: left;} .hero-text-col{width: fit-content;max-width: 100%;margin-inline: auto;text-align: left;} .hero-partner{margin-left: 0;display: block;width: fit-content;max-width: 100%;margin-inline: auto;text-align: center;} .partner-ico{margin-right: 12px;vertical-align: middle;}} @media (max-width: 700px){.hero{gap: 40px;padding-bottom: 84px;} .navbar{position: sticky;top: 0;z-index: 45;background: var(--bg-shell);} .hero-media{width: min(90%,360px);margin-bottom: 22px;} .hero-text-col{width: 100%;} .hero-partner{display: block;margin-top: 22px;padding: 0;font-size: 15.5px;line-height: 1.45;} .partner-ico{display: none;} .head-cta{display: none;} .hero-hello{display: none;} .hero-actions{flex-direction: column;align-items: stretch;gap: 10px;} .cta-tile{width: 100%;} .plan-btn{min-height: 44px;padding: 12px 24px;}} @media (max-width: 430px){.hero-title{font-size: 21px;}} @media (max-width: 1280px){.nav-socials{display: none;} .lang{margin-right: 20px;} .lang-btn #langLabel{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);clip-path: inset(50%);white-space: nowrap;border: 0;} .lang-btn{padding: 10px 8px;gap: 5px;} .lang-list li a>span:not(.lang-flag){display: none;} .lang-list{min-width: 0;padding: 4px;} .lang-list li a{justify-content: center;padding: 8px;min-width: 0;} .order-field input,.order-field textarea,.code-input{font-size: 16px;} .lang-btn{min-height: 44px;} .drawer-nav a{padding: 13px 10px;} .drawer-socials{gap: 0;} .drawer-socials a{padding: 7px;}} @media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;}} .copyright{position: absolute;right: 15px;bottom: 10px;z-index: 40;display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 4px 10px;font-size: 12px;color: var(--muted);letter-spacing: .02em;user-select: none;pointer-events: none;} .copyright-ver{white-space: nowrap;} .copyright-sep{color: var(--muted);opacity: .8;} .copyright-link{pointer-events: auto;color: inherit;text-decoration: none;} .copyright-link:hover{color: var(--accent-soft);} .form-consent{margin: 0;font-size: 12.5px;line-height: 1.5;color: var(--muted);} .page-contacts .form-consent{margin-top: 10px;} .order-form .form-consent{text-align: center;} .form-consent a{color: var(--accent-soft);text-decoration: none;border-bottom: 1px solid color-mix(in srgb,var(--accent) 40%,transparent);} .form-consent a:hover{border-bottom-color: currentColor;} .page-privacy .privacy-open{margin: 0 0 20px;font-size: 15.5px;line-height: 1.65;color: var(--text-soft);} .page-privacy .post-body h2{margin-top: 26px;scroll-margin-top: 90px;} .code-editor{flex: 1 1 auto;display: flex;flex-direction: column;width: 100%;min-height: 0;margin: 0;background: none;border: 0;border-radius: 0;box-shadow: none;} .editor-bar{flex: none;display: flex;align-items: center;gap: 7px;padding: 0 0 12px;border-bottom: 1px solid rgba(255,255,255,.09);background: none;} .editor-bar i{width: 9px;height: 9px;border-radius: 50%;background: rgba(255,255,255,.22);} .editor-name{margin-left: auto;padding-left: 12px;color: var(--muted);font-size: 12px;} .editor-body{flex: 1 1 auto;display: flex;flex-direction: column;justify-content: flex-start;padding: clamp(16px,1.6vw,22px) 0;font-size: clamp(13px,1.05vw,15px);line-height: 2.05;counter-reset: codeLine;text-align: left;margin: 0;} .editor-status{flex: none;display: flex;align-items: center;gap: 14px;padding-top: 12px;border-top: 1px solid rgba(255,255,255,.09);color: var(--muted);font-size: 11.5px;letter-spacing: .02em;} .editor-ready{display: inline-flex;align-items: center;gap: 6px;} .editor-ready::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: #4ade80;box-shadow: 0 0 8px rgba(74,222,128,.75);} .editor-pos{margin-left: auto;} .code-line{position: relative;padding-left: 42px;white-space: normal;word-break: break-word;} .code-line::before{counter-increment: codeLine;content: counter(codeLine);position: absolute;left: 0;width: 28px;text-align: right;color: #4a4a4a;font-size: inherit;line-height: inherit;user-select: none;} .code-line .k{color: #c084fc;} .code-line .v{color: #7dd3fc;} .code-line .op{color: #9a9a9a;} .code-line .str{color: #86efac;} .code-line .semi{color: #9a9a9a;} .code-line .c{color: #6b6b6b;} .code-line .fn{color: #fbbf24;} .code-note{display: none;} .code-note.is-shown{display: block;animation: lineIn .28s ease-out both;} .code-warn .c{color: #f87171;} .code-final .c{color: #4ade80;} .code-final.is-warn .c{color: #f87171;} .code-note.block-start.is-shown{margin-top: 12px;} .code-answer{margin-top: 12px;} html.has-js .code-run .run-btn{display: none;} .blog-head,.works-head{padding-left: 8px;} .blog-sub,.works-sub{margin: 6px 0 0 10px;color: var(--muted);font-size: 13.5px;line-height: 1.6;} .works-empty{flex: 1 1 auto;display: flex;align-items: center;justify-content: center;margin: 0;color: var(--muted);font-size: 14px;text-align: center;} .list-empty{flex: 1 1 auto;display: flex;align-items: center;justify-content: center;margin: 0;color: var(--muted);font-size: 14px;text-align: center;} .blog-empty~.note-wrap,.works-empty~.note-wrap,.list-empty~.note-wrap,.blog-empty~.section-note,.works-empty~.section-note,.list-empty~.section-note{margin-top: 0;} .blog-empty{flex: 1 1 auto;display: flex;align-items: center;justify-content: center;margin: 0;color: var(--muted);font-size: 14px;text-align: center;} .blog-grid{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 14px;padding: 12px 0 4px;text-align: left;} .post-card{position: relative;overflow: hidden;border: 1px solid var(--border);border-radius: 14px;background: var(--bg-elev);transition: transform .25s,border-color .25s;} .post-card:hover{transform: translateY(-5px);border-color: var(--accent);} .post-link{display: flex;flex-direction: column;height: 100%;} .post-photo{position: relative;display: block;aspect-ratio: 4 / 3;overflow: hidden;background: linear-gradient(180deg,#232329,#191920);} .post-photo img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;display: block;} .post-photo--empty::after{content: "";position: absolute;inset: 0;background-image: radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size: 14px 14px;} .post-over{position: absolute;inset: auto 0 0;display: block;padding: 16px 14px 14px;background: linear-gradient(180deg,transparent,rgba(12,12,16,.93) 58%);} .post-meta{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;color: var(--muted);font-size: 11.5px;letter-spacing: .04em;} .post-cat{color: var(--accent-soft);} .post-dot{color: var(--muted);} .post-title{display: block;margin-top: 6px;color: var(--text);font-size: 17px;font-weight: 700;line-height: 1.3;letter-spacing: -.01em;} .post-full{display: flow-root;padding: 12px 15px 10px;text-align: left;} .post-main{min-width: 0;} .post-head{margin-bottom: 16px;} .blog-back,.work-back{color: var(--muted);font-size: 12.5px;transition: color .2s;} .blog-back:hover,.work-back:hover{color: var(--accent-soft);} .post-cover{overflow: hidden;float: left;width: min(44%,520px);margin: 0 24px 16px 0;border: 1px solid var(--border);border-radius: 14px;background: linear-gradient(180deg,#232329,#191920);} .post-cover img{display: block;width: 100%;height: auto;} @media (max-width: 900px){.post-cover{float: none;width: 100%;margin: 0 0 16px;}} .post-head h1{margin: 0 0 12px;color: var(--text);font-size: clamp(24px,2.4vw,34px);font-weight: 800;line-height: 1.2;letter-spacing: -.02em;} .post-title-row{display: flex;align-items: flex-start;justify-content: space-between;gap: 14px;margin-bottom: 2px;} .post-title-row h1{margin: 0;} .post-title-row .work-back-btn{align-self: flex-start;} .post-body,.work-body{color: var(--text-soft);font-size: 14.5px;line-height: 1.75;} .post-body p,.work-body p{margin: 0 0 14px;} .post-body h2{margin: 22px 0 10px;color: var(--text);font-size: 19px;font-weight: 700;} .work-body h2{margin: 20px 0 10px;color: var(--text);font-size: 18px;font-weight: 700;} .post-body ul,.work-body ul{margin: 0 0 14px;padding-left: 20px;list-style: disc;} .post-body li,.work-body li{margin: 4px 0;} .post-body blockquote,.work-body blockquote{display: flow-root;margin: 0 0 14px;padding: 12px 16px;border-left: 3px solid var(--accent);border-radius: 0 10px 10px 0;background: rgba(139,92,246,.08);color: var(--text);font-size: 13.5px;} @media (max-width: 1200px){.blog-grid{grid-template-columns: repeat(3,minmax(0,1fr));}} @media (max-width: 980px){.blog-grid{grid-template-columns: repeat(2,minmax(0,1fr));}} @media (max-width: 620px){.blog-grid{grid-template-columns: minmax(0,1fr);}} .works-log{display: flex;flex-direction: column;padding: 10px 0 4px;text-align: left;} .page-works .works-log{margin-inline: -16px;} .work-row{display: grid;grid-template-columns: auto minmax(0,1fr) auto;align-items: center;gap: 16px;padding: 15px 16px 15px 34px;border-bottom: 1px solid var(--border);transition: background .2s,padding-left .2s;} .work-row:first-child{border-top: 1px solid var(--border);} .work-row:hover{background: rgba(139,92,246,.07);padding-left: 52px;} .work-icon{width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;} .work-icon img{display: block;width: 34px;height: 34px;object-fit: contain;border-radius: 8px;} .work-icon--empty{visibility: hidden;} .work-name{font-size: 17px;font-weight: 700;line-height: 1.35;} .work-name small{display: block;margin-top: 4px;color: var(--muted);font-size: 12.5px;font-weight: 400;line-height: 1.5;} .work-tech{color: var(--muted);font-size: 12px;text-align: right;white-space: nowrap;} .work-case{display: flex;flex-direction: column;gap: 18px;padding: 12px 15px 10px;text-align: left;} .work-side{display: flex;flex-direction: column;align-items: flex-end;gap: 14px;} .work-side .work-facts{width: 100%;} .work-back-btn{flex: none;align-self: flex-end;display: inline-flex;align-items: center;justify-content: center;width: 42px;height: 42px;padding: 0;margin: 0;background: none;border: 1px solid var(--border);border-radius: 12px;color: var(--text);transition: border-color .2s,color .2s;} .work-back-btn:hover{border-color: var(--accent);color: var(--accent);} .pricing-head--back{display: flex;align-items: center;justify-content: space-between;gap: 12px;} .work-back-btn svg{display: block;} .work-case-head{max-width: 80ch;} .work-case-head h1{margin: 0 0 1.5px;color: var(--text);font-size: clamp(24px,2.4vw,34px);font-weight: 800;line-height: 1.2;letter-spacing: -.02em;} .work-lead{margin: 0 0 2px;color: var(--text-soft);font-size: 15px;line-height: 1.65;} .work-meta{display: flex;flex-wrap: wrap;gap: 10px;margin: 6px 0 18px;color: var(--muted);font-size: 14px;} .work-kind{color: var(--accent-soft);} .work-dot{color: var(--muted);} .work-case-grid{display: grid;grid-template-columns: minmax(0,1fr) 360px;gap: 20px;align-items: start;} .work-main{min-width: 0;} .work-facts{display: grid;grid-template-columns: auto minmax(0,1fr);gap: 7px 14px;align-items: baseline;margin: 0;padding: 2px 0 2px 16px;background: transparent;border: 0;border-left: 3px solid var(--accent);border-radius: 0 10px 10px 0;} .work-facts dt{margin: 0;color: var(--muted);font-size: 11.5px;letter-spacing: .08em;text-transform: uppercase;} .work-facts dd{margin: 0;font-size: 13.5px;line-height: 1.55;text-align: right;} .work-site-btn{width: 100%;margin-top: 4px;text-align: center;} .work-gallery{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 14px;} .work-gallery img{display: block;width: 100%;height: auto;border: 1px solid var(--border);border-radius: 14px;} @media (max-width: 1100px){.work-row{grid-template-columns: auto minmax(0,1fr);} .work-tech{display: none;} .work-case-grid{grid-template-columns: minmax(0,1fr);} .work-case{position: relative;} .work-case-head{padding-right: 58px;} .work-case .work-back-btn{position: absolute;top: 7px;right: 15px;}} @media (max-width: 620px){.work-row{grid-template-columns: auto minmax(0,1fr);gap: 10px;padding: 14px 16px 14px 34px;} .work-name{font-size: 16px;} .work-gallery{grid-template-columns: minmax(0,1fr);}} .code-editor .caret{display: inline-block;width: 4px;height: 1.05em;margin-left: 1px;border-radius: 1px;background: var(--accent);vertical-align: text-bottom;animation: caretBlink 1.05s step-end infinite;} @keyframes caretBlink{50%{opacity: 0;}} .code-sizer{position: absolute;visibility: hidden;white-space: pre;font: inherit;pointer-events: none;} html.has-js .code-editor .code-line{visibility: hidden;} html.has-js .code-editor .code-line.is-shown{visibility: visible;} .code-line.is-shown{animation: lineIn .28s ease-out both;} @keyframes lineIn{from{transform: translateX(-8px);} to{transform: none;}} .code-input{display: inline-block;width: 9px;padding: 0;margin: 0;background: none;border: 0;border-radius: 0;color: #86efac;font: inherit;caret-color: transparent;outline: 0;vertical-align: baseline;} .code-input:focus{outline: 0;background: none;border: 0;} .code-task .code-area{display: inline-block;vertical-align: top;width: 9px;min-width: 9px;padding: 0;background: none;border: 0;border-radius: 0;color: #86efac;font: inherit;line-height: inherit;resize: none;overflow: hidden;min-height: 1.7em;caret-color: transparent;} .code-mirror{position: absolute;left: 0;top: 0;display: none;margin: 0;padding: 0;border: 0;color: transparent;font: inherit;line-height: inherit;white-space: pre-wrap;pointer-events: none;} .code-mirror.is-on{display: block;} .code-mirror .caret{margin-right: -5px;} .code-task .code-area:focus{outline: 0;background: none;border: 0;} .code-input.is-locked{pointer-events: none;caret-color: transparent;} html:not(.has-js) .code-input{width: auto;min-width: 140px;} html:not(.has-js) .code-task .code-area{width: auto;min-width: 220px;} .code-run{padding-top: 12px;} .run-btn{display: inline-flex;align-items: center;gap: 9px;padding: 11px 22px;background: var(--accent);border: 0;border-radius: 11px;color: #ffffff;font: inherit;font-size: 13.5px;font-weight: 700;cursor: pointer;transition: transform .2s,filter .2s;} .run-btn:hover{transform: translateY(-2px);filter: brightness(1.07);} .run-btn:active{transform: translateY(0) scale(.98);} .run-arrow{font-size: 15px;} .editor-hint{display: none;color: var(--accent-soft);} .editor-hint.is-on{display: inline;} @media (max-width: 760px){.contact-sub{display: none;}} @media (max-width: 560px){.page-contacts .pricing-fit{padding: 10px 12px;} .editor-body{padding: 12px 0;font-size: 12px;} .code-line{padding-left: 28px;} .code-line::before{width: 18px;} .code-editor .caret{width: 3px;} .editor-name{display: none;} .editor-status span:nth-child(2),.editor-status span:nth-child(3){display: none;}} @media (max-width: 700px){:root{--page-pad: 3px;} .shell{border-radius: 8px;min-height: calc(100dvh - var(--page-pad) - var(--page-pad));}} @media (max-width: 700px){.copyright{left: 15px;justify-content: center;text-align: center;flex-direction: column;align-items: center;gap: 2px;} .copyright-sep{display: none;} .copyright{bottom: max(10px,env(safe-area-inset-bottom,10px));} .copyright-link{display: inline-flex;align-items: center;min-height: 44px;margin-bottom: -9px;padding: 0 4px;border-bottom: 0;text-decoration: none;}} @media (max-width: 700px){.page-blog.page-pricing,.page-works.page-pricing,.page-privacy.page-pricing{padding-left: 8px;padding-right: 8px;} .page-blog .post-full,.page-works .work-case,.page-privacy .post-full{padding-left: 7px;padding-right: 7px;}}