:root{--c-bg: #FEFCF5;--c-bg-elev: #FFFFFF;--c-bg-warm: #FAF5E8;--c-bg-warm-deep: #F4ECD7;--c-ink: #1A1814;--c-ink-muted: #5C564A;--c-ink-soft: #8E8676;--c-line: #E8E1CD;--c-line-strong: #D6CDB3;--c-orange: #F97316;--c-orange-soft: #FFE3CC;--c-orange-deep: #C25510;--c-blue: #3B82F6;--c-blue-soft: #DBE8FF;--c-brand: #0047C2;--c-brand-soft: #D5E0F7;--c-brand-deep: #00328A;--c-success: #1F8A5B;--c-success-soft: #D6F1E2;--c-error: #D5341C;--c-error-soft: #FBDED7;--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--sh-1: 0 1px 2px rgba(36,28,12,0.04),0 1px 1px rgba(36,28,12,0.03);--sh-2: 0 4px 14px rgba(36,28,12,0.06),0 1px 2px rgba(36,28,12,0.04);--sh-3: 0 12px 32px rgba(36,28,12,0.08),0 2px 6px rgba(36,28,12,0.04);--sh-orange: 0 8px 20px rgba(249,115,22,0.28);--ff-display: "Manrope",system-ui,sans-serif;--ff-display-accent: "Unbounded","Manrope",system-ui,sans-serif;--ff-body: "Manrope",system-ui,sans-serif;--ff-mono: "JetBrains Mono",ui-monospace,"SFMono-Regular",monospace;--ease: cubic-bezier(0.2,0.7,0.2,1);--t-fast: 140ms;--t-base: 220ms}*,*::before,*::after{box-sizing: border-box}html,body{margin: 0;padding: 0}body{background: var(--c-bg);color: var(--c-ink);font-family: var(--ff-body);font-size: 16px;line-height: 1.5;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility}img,svg{display: block;max-width: 100%}button{font: inherit;cursor: pointer}a{color: inherit}.section{margin-top: var(--s-20);scroll-margin-top: var(--s-8)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--s-2);font-family: var(--ff-body);font-weight: 600;font-size: 15px;letter-spacing: -0.005em;padding: 14px 22px;border-radius: var(--r-pill);border: 1.5px solid transparent;background: var(--c-orange-deep);color: white;cursor: pointer;transition: transform var(--t-fast) var(--ease),background var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease),color var(--t-base) var(--ease),border-color var(--t-base) var(--ease);text-decoration: none;position: relative;white-space: nowrap}.btn:hover{background: color-mix(in srgb,var(--c-orange-deep) 85%,#000);box-shadow: var(--sh-orange);transform: translateY(-1px)}.btn:focus-visible{outline: none;box-shadow: 0 0 0 3px var(--c-bg),0 0 0 5px var(--c-orange)}.btn:active{transform: translateY(0)}.btn--ghost{background: transparent;color: var(--c-ink);border-color: var(--c-line-strong)}.btn--ghost:hover{background: var(--c-bg-warm);border-color: var(--c-ink);box-shadow: none}.btn--sm{padding: 8px 14px;font-size: 13px}.btn--lg{padding: 18px 28px;font-size: 17px}.btn[disabled],.btn--disabled{background: var(--c-bg-warm-deep);color: var(--c-ink-soft);cursor: not-allowed;pointer-events: none;box-shadow: none;border-color: transparent}.btn--ghost.btn--disabled,.btn--ghost[disabled]{background: transparent;border-color: var(--c-line);color: var(--c-ink-soft)}.btn--loading{color: transparent !important;pointer-events: none}.btn--loading::after{content: "";position: absolute;width: 16px;height: 16px;border-radius: 50%;border: 2px solid currentColor;border-top-color: transparent;color: white;animation: spin 0.7s linear infinite}.btn--ghost.btn--loading::after{color: var(--c-ink)}@keyframes spin{to{transform: rotate(360deg)}}.btn-arrow{width: 18px;height: 18px;display: inline-block;flex-shrink: 0}.btn-grid__cell .btn{font-size: 13px;padding: 10px 16px;max-width: 100%}.input-shell{display: grid;gap: var(--s-2);position: relative}.input-label{font-size: 13px;font-weight: 500;color: var(--c-ink)}.input-label__req{color: var(--c-orange);margin-left: 2px}.input,.textarea,.select{font-family: var(--ff-body);font-size: 15px;width: 100%;padding: 14px 16px;border-radius: var(--r-md);border: 1.5px solid var(--c-line-strong);background: var(--c-bg-elev);color: var(--c-ink);transition: border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.input::placeholder,.textarea::placeholder{color: var(--c-ink-soft)}.input:hover,.textarea:hover,.select:hover{border-color: var(--c-ink-soft)}.input:focus,.textarea:focus,.select:focus{outline: none;border-color: var(--c-orange);box-shadow: 0 0 0 4px var(--c-orange-soft)}.textarea{resize: vertical;min-height: 120px;line-height: 1.5}.select{appearance: none;-webkit-appearance: none;padding-right: 44px;cursor: pointer;background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%231A1814' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 16px center}.input--error,.textarea--error,.select--error{border-color: var(--c-error);background: var(--c-error-soft)}.input--error:focus{box-shadow: 0 0 0 4px rgba(213,52,28,0.18)}.input-help{font-size: 12px;color: var(--c-ink-soft)}.input-help--error{color: var(--c-error)}.input-help__icon{display: inline-block;width: 12px;height: 12px;margin-right: 4px;vertical-align: -2px}.input[disabled],.textarea[disabled],.select[disabled]{background: var(--c-bg-warm);color: var(--c-ink-soft);cursor: not-allowed;border-style: dashed}.checkbox{display: flex;align-items: flex-start;gap: var(--s-3);cursor: pointer;font-size: 14px;line-height: 1.45;color: var(--c-ink-muted)}.checkbox__input{position: absolute;opacity: 0;width: 0;height: 0}.checkbox__box{flex-shrink: 0;width: 20px;height: 20px;border-radius: 6px;border: 1.5px solid var(--c-line-strong);background: var(--c-bg-elev);display: grid;place-items: center;transition: all var(--t-fast) var(--ease);margin-top: 1px}.checkbox__box svg{width: 12px;height: 12px;color: white;opacity: 0;transition: opacity var(--t-fast) var(--ease)}.checkbox__input:checked + .checkbox__box{background: var(--c-orange);border-color: var(--c-orange)}.checkbox__input:checked + .checkbox__box svg{opacity: 1}.checkbox__input:focus-visible + .checkbox__box{box-shadow: 0 0 0 4px var(--c-orange-soft)}.checkbox a{color: var(--c-orange);text-decoration: none;border-bottom: 1px solid currentColor}.radio-chip{position: relative;cursor: pointer}.radio-chip__label{display: inline-flex;align-items: center;gap: var(--s-2);padding: 10px 16px;border-radius: var(--r-pill);border: 1.5px solid var(--c-line-strong);background: var(--c-bg-elev);font-size: 13px;font-weight: 500;transition: all var(--t-fast) var(--ease)}.radio-chip__input:checked + .radio-chip__label{background: var(--c-ink);color: var(--c-bg);border-color: var(--c-ink)}.radio-chip__input:focus-visible + .radio-chip__label{box-shadow: 0 0 0 4px var(--c-orange-soft)}.form-sample{background: var(--c-bg-elev);border: 1px solid var(--c-line);border-radius: var(--r-xl);padding: var(--s-8);display: grid;gap: var(--s-5);max-width: 540px}.form-sample__title{font-family: var(--ff-display);font-size: 22px;font-weight: 600;margin: 0 0 var(--s-1)}.form-sample__sub{font-size: 14px;color: var(--c-ink-muted);margin: 0 0 var(--s-3)}.form-row{display: grid;grid-template-columns: 1fr 1fr;gap: var(--s-4)}.b24-placeholder{display: none}.card-grid{display: grid;gap: var(--s-5)}.card-grid--3{grid-template-columns: repeat(3,1fr)}.card-grid--4{grid-template-columns: repeat(4,1fr)}.service-card{background: var(--c-bg-elev);border: 1px solid var(--c-line);border-radius: var(--r-lg);padding: var(--s-6);display: flex;flex-direction: column;gap: var(--s-4);position: relative;overflow: hidden;transition: transform var(--t-base) var(--ease),border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}.service-card:hover{border-color: var(--c-ink);box-shadow: var(--sh-2);transform: translateY(-2px)}.service-card__icon{width: 48px;height: 48px;border-radius: var(--r-md);background: var(--c-orange-soft);color: var(--c-orange-deep);display: grid;place-items: center}.service-card__icon--blue{background: var(--c-blue-soft);color: var(--c-brand)}.service-card__icon--ink{background: var(--c-ink);color: var(--c-bg)}.service-card__icon--warm{background: var(--c-bg-warm-deep);color: var(--c-ink)}.service-card__icon svg{width: 24px;height: 24px}.service-card__title{font-family: var(--ff-display);font-size: 20px;font-weight: 600;margin: 0}.service-card__text{font-size: 14px;color: var(--c-ink-muted);line-height: 1.55;margin: 0;flex: 1}.service-card__link{display: inline-flex;align-items: center;gap: var(--s-2);font-size: 13px;font-weight: 600;color: var(--c-orange);text-decoration: none;margin-top: var(--s-2)}.service-card__link svg{transition: transform var(--t-fast) var(--ease)}.service-card:hover .service-card__link svg{transform: translateX(3px)}.tariff-card{background: var(--c-bg-elev);border: 1px solid var(--c-line);border-radius: var(--r-xl);padding: var(--s-8);display: flex;flex-direction: column;gap: var(--s-4);position: relative}.tariff-card--featured{background: var(--c-ink);color: var(--c-bg);border-color: var(--c-ink)}.tariff-card__badge{position: absolute;top: var(--s-4);right: var(--s-4);background: var(--c-orange);color: white;font-family: var(--ff-mono);font-size: 10px;letter-spacing: 0.08em;text-transform: uppercase;padding: 4px 10px;border-radius: var(--r-pill)}.tariff-card__name{font-family: var(--ff-mono);font-size: 11px;letter-spacing: 0.1em;text-transform: uppercase;color: var(--c-ink-soft)}.tariff-card--featured .tariff-card__name{color: var(--c-orange)}.tariff-card__price{font-family: var(--ff-display);font-size: 44px;font-weight: 600;letter-spacing: -0.03em;line-height: 1}.tariff-card__price small{font-size: 14px;color: var(--c-ink-soft);font-weight: 400;margin-left: 4px}.tariff-card--featured .tariff-card__price small{color: rgba(254,252,245,0.6)}.tariff-card__list{list-style: none;padding: 0;margin: var(--s-4) 0 var(--s-2);display: grid;gap: var(--s-2);font-size: 14px;flex: 1}.tariff-card__list li{display: flex;gap: var(--s-2);align-items: flex-start;color: var(--c-ink-muted)}.tariff-card--featured .tariff-card__list li{color: rgba(254,252,245,0.85)}.tariff-card__list li::before{content: "";flex-shrink: 0;width: 16px;height: 16px;margin-top: 2px;background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg' fill='none'%3E%3Cpath d='M3 8l3.5 3.5L13 4.5' stroke='%23F97316' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat}.case-card{background: var(--c-bg-elev);border: 1px solid var(--c-line);border-radius: var(--r-lg);overflow: hidden;display: flex;flex-direction: column}.case-card__media{aspect-ratio: 16/10;background: var(--c-bg-warm-deep);position: relative;overflow: hidden}.case-card__media-pattern{position: absolute;inset: 0;background-image: linear-gradient(135deg,transparent 47%,var(--c-line-strong) 47% 53%,transparent 53%),linear-gradient(45deg,transparent 47%,var(--c-line-strong) 47% 53%,transparent 53%);background-size: 28px 28px;opacity: 0.7}.case-card__media-tag{position: absolute;bottom: var(--s-4);left: var(--s-4);background: rgba(26,24,20,0.85);color: var(--c-bg);font-family: var(--ff-mono);font-size: 11px;letter-spacing: 0.06em;text-transform: uppercase;padding: 6px 10px;border-radius: var(--r-pill)}.case-card__media-placeholder{position: absolute;inset: 0;display: grid;place-items: center;font-family: var(--ff-mono);font-size: 11px;color: var(--c-ink-soft);letter-spacing: 0.06em;text-transform: uppercase}.case-card__body{padding: var(--s-5);display: grid;gap: var(--s-2)}.case-card__client{font-family: var(--ff-mono);font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-ink-soft)}.case-card__title{font-family: var(--ff-display);font-size: 18px;font-weight: 600;margin: 0;line-height: 1.3}.case-card__metrics{display: flex;gap: var(--s-4);margin-top: var(--s-3);padding-top: var(--s-3);border-top: 1px solid var(--c-line)}.case-card__metric{font-family: var(--ff-mono);font-size: 11px;color: var(--c-ink-soft);letter-spacing: 0.04em;text-transform: uppercase}.case-card__metric strong{display: block;font-family: var(--ff-display);color: var(--c-orange);font-size: 22px;letter-spacing: -0.01em}.blog-card{background: var(--c-bg-elev);border: 1px solid var(--c-line);border-radius: var(--r-md);padding: var(--s-5);display: grid;gap: var(--s-3);text-decoration: none;color: var(--c-ink);transition: all var(--t-base) var(--ease)}.blog-card:hover{border-color: var(--c-ink);transform: translateY(-2px);box-shadow: var(--sh-2)}.blog-card__meta{display: flex;justify-content: space-between;font-family: var(--ff-mono);font-size: 11px;color: var(--c-ink-soft);letter-spacing: 0.04em;text-transform: uppercase}.blog-card__tag{display: inline-flex;align-items: center;align-self: start;background: var(--c-bg-warm);padding: 3px 10px;border-radius: var(--r-pill);color: var(--c-ink-muted)}.blog-card__title{font-family: var(--ff-display);font-size: 17px;font-weight: 600;margin: 0;line-height: 1.3}.blog-card__excerpt{font-size: 13px;color: var(--c-ink-muted);line-height: 1.5;margin: 0;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.blog-card__thumb{aspect-ratio: 16 / 10;border-radius: var(--r-sm);overflow: hidden;background: var(--c-bg-warm-deep);margin-bottom: var(--s-1)}.blog-card__thumb img{width: 100%;height: 100%;object-fit: cover}.blog-card__thumb--empty{background: radial-gradient(120% 120% at 0% 0%,var(--c-orange-soft),var(--c-bg-warm-deep))}.blog-card__thumb--gen{position: relative;background: var(--c-ink)}.review-card{background: var(--c-bg-warm);border-radius: var(--r-xl);padding: var(--s-8);display: grid;gap: var(--s-3);position: relative}.review-card__quote{font-family: var(--ff-display);font-size: 64px;line-height: 0.6;color: var(--c-orange);font-weight: 600;letter-spacing: -0.04em;display: block;margin-bottom: var(--s-2)}.review-card__text{font-size: 16px;line-height: 1.55;margin: 0;color: var(--c-ink)}.review-card__author{display: flex;align-items: center;gap: var(--s-3);margin-top: var(--s-3);padding-top: var(--s-4);border-top: 1px solid var(--c-line)}.review-card__avatar{width: 44px;height: 44px;border-radius: 50%;background: var(--c-orange);color: white;display: grid;place-items: center;font-family: var(--ff-display);font-weight: 600;font-size: 16px}.review-card__avatar--blue{background: var(--c-brand)}.review-card__avatar--ink{background: var(--c-ink)}.review-card__name{font-weight: 600;font-size: 14px}.review-card__role{font-size: 12px;color: var(--c-ink-soft)}.header{display: flex;align-items: center;justify-content: space-between;padding: var(--s-4) var(--s-6);background: var(--c-bg-elev);border-bottom: 1px solid var(--c-line)}.header__brand{display: flex;align-items: center;gap: var(--s-3);text-decoration: none;color: var(--c-ink)}.header__logo{width: 36px;height: 36px;background: var(--c-bg-warm);border-radius: var(--r-sm);display: grid;place-items: center;overflow: hidden}.header__logo svg{width: 70%;height: 70%}.header__title{font-family: var(--ff-display);font-weight: 600;font-size: 17px;letter-spacing: -0.01em}.nav{display: flex;align-items: center;gap: var(--s-2)}.nav__item{font-size: 14px;font-weight: 500;color: var(--c-ink-muted);text-decoration: none;padding: 10px 14px;border-radius: var(--r-pill);transition: all var(--t-fast) var(--ease);display: inline-flex;align-items: center;gap: 6px;position: relative;white-space: nowrap}.nav__item:hover{color: var(--c-ink);background: var(--c-bg-warm)}.nav__item--active{color: var(--c-ink);background: var(--c-bg-warm-deep)}.nav__item--active::before{content: "";width: 5px;height: 5px;background: var(--c-orange);border-radius: 50%;display: inline-block}.header__actions{display: flex;align-items: center;gap: var(--s-3)}.header__phone{font-family: var(--ff-display);font-weight: 600;font-size: 15px;color: var(--c-ink);text-decoration: none;white-space: nowrap}.burger{width: 40px;height: 40px;border-radius: var(--r-sm);background: var(--c-bg-warm);display: grid;place-items: center;cursor: pointer;border: none;position: relative}.burger__line{width: 18px;height: 2px;background: var(--c-ink);border-radius: 1px;position: absolute;transition: all var(--t-base) var(--ease)}.burger__line:nth-child(1){transform: translateY(-5px)}.burger__line:nth-child(2){transform: translateY(0)}.burger__line:nth-child(3){transform: translateY(5px)}.burger--open .burger__line:nth-child(1){transform: rotate(45deg)}.burger--open .burger__line:nth-child(2){opacity: 0}.burger--open .burger__line:nth-child(3){transform: rotate(-45deg)}.dropdown{background: var(--c-bg-elev);border: 1px solid var(--c-line);border-radius: var(--r-lg);padding: var(--s-3);width: 320px;box-shadow: var(--sh-3);display: grid;gap: 2px}.dropdown__item{display: grid;grid-template-columns: 32px 1fr auto;gap: var(--s-3);align-items: center;padding: 10px var(--s-3);border-radius: var(--r-sm);text-decoration: none;color: var(--c-ink);transition: background var(--t-fast) var(--ease)}.dropdown__item:hover{background: var(--c-bg-warm)}.dropdown__title{font-weight: 600;font-size: 14px;line-height: 1.2}.footer{background: var(--c-ink);color: var(--c-bg);padding: var(--s-12) var(--s-8);display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: var(--s-8)}.footer__brand{display: grid;gap: var(--s-4)}.footer__logo{width: 56px;height: 56px;background: rgba(255,255,255,0.06);border-radius: var(--r-md);display: grid;place-items: center;overflow: hidden}.footer__logo svg{width: 70%;height: 70%}.footer__desc{font-size: 14px;color: rgba(254,252,245,0.6);line-height: 1.5;max-width: 28ch}.footer__col h4{font-family: var(--ff-mono);font-size: 11px;letter-spacing: 0.08em;text-transform: uppercase;color: var(--c-orange);margin: 0 0 var(--s-4);font-weight: 500}.footer__col ul{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--s-3)}.footer__col a{font-size: 14px;color: rgba(254,252,245,0.75);text-decoration: none;transition: color var(--t-fast) var(--ease)}.footer__col a:hover{color: var(--c-bg)}.footer__contact{font-family: var(--ff-display);font-size: 16px;font-weight: 500}.footer__contact span{display: block;font-family: var(--ff-mono);font-size: 11px;color: rgba(254,252,245,0.5);letter-spacing: 0.06em;text-transform: uppercase;font-weight: 400;margin-bottom: 4px}.breadcrumbs{display: flex;align-items: center;gap: var(--s-2);font-family: var(--ff-mono);font-size: 12px;color: var(--c-ink-soft);letter-spacing: 0.02em}.breadcrumbs a{color: var(--c-ink-muted);text-decoration: none}.breadcrumbs a:hover{color: var(--c-orange)}.breadcrumbs__sep{opacity: 0.5}.breadcrumbs__current{color: var(--c-ink)}.modal{background: var(--c-bg-elev);border-radius: var(--r-xl);width: 100%;max-width: 480px;box-shadow: var(--sh-3);overflow: hidden}.modal__head{padding: var(--s-6) var(--s-6) var(--s-2);display: flex;justify-content: space-between;align-items: flex-start}.modal__title{font-family: var(--ff-display);font-size: 22px;font-weight: 600;margin: 0}.modal__close{width: 36px;height: 36px;border: none;background: var(--c-bg-warm);border-radius: 50%;display: grid;place-items: center;color: var(--c-ink);cursor: pointer}.modal__close:hover{background: var(--c-bg-warm-deep)}.modal__body{padding: 0 var(--s-6) var(--s-6);display: grid;gap: var(--s-4)}.modal__sub{font-size: 14px;color: var(--c-ink-muted);margin: 0}.faq{background: var(--c-bg-elev);border: 1px solid var(--c-line);border-radius: var(--r-lg);overflow: hidden}.faq__item{border-bottom: 1px solid var(--c-line)}.faq__item:last-child{border-bottom: none}.faq__trigger{width: 100%;display: flex;justify-content: space-between;align-items: center;gap: var(--s-4);padding: var(--s-5) var(--s-6);background: none;border: none;text-align: left;font-family: var(--ff-display);font-size: 16px;font-weight: 500;color: var(--c-ink);cursor: pointer}.faq__trigger:hover{background: var(--c-bg-warm)}.faq__icon{width: 28px;height: 28px;border-radius: 50%;background: var(--c-bg-warm);display: grid;place-items: center;color: var(--c-ink);flex-shrink: 0;transition: all var(--t-base) var(--ease)}.faq__icon svg{transition: transform var(--t-base) var(--ease)}.faq__item--open .faq__icon{background: var(--c-orange);color: white}.faq__item--open .faq__icon svg{transform: rotate(45deg)}.faq__body{padding: 0 var(--s-6) var(--s-5);font-size: 14px;color: var(--c-ink-muted);line-height: 1.55;max-width: 70ch;display: none}.faq__item--open .faq__body{display: block}.cta-block{background: var(--c-ink);color: var(--c-bg);border-radius: var(--r-xl);padding: var(--s-12);display: grid;grid-template-columns: 1.4fr auto;gap: var(--s-8);align-items: center;position: relative;overflow: hidden}.cta-block::before{content: "";position: absolute;width: 320px;height: 320px;background: var(--c-orange);border-radius: 50%;right: -120px;top: -120px;opacity: 0.18;filter: blur(40px)}.cta-block__content{position: relative}.cta-block__title{font-family: var(--ff-display);font-size: 36px;letter-spacing: -0.03em;line-height: 1.05;margin: 0 0 var(--s-3);font-weight: 600}.cta-block__title em{font-style: normal;color: var(--c-orange)}.cta-block__text{font-size: 16px;color: rgba(254,252,245,0.7);margin: 0;max-width: 48ch}.cta-block__actions{display: flex;gap: var(--s-3);position: relative;flex-wrap: wrap}.cta-block__actions .btn{flex: 1 1 auto}.slider{background: var(--c-bg-elev);border: 1px solid var(--c-line);border-radius: var(--r-xl);padding: var(--s-8);display: grid;gap: var(--s-6)}.slider__viewport{display: grid;grid-template-columns: 1fr 1fr;gap: var(--s-6);align-items: center}.slider__controls{display: flex;justify-content: space-between;align-items: center}.slider__dots{display: flex;gap: var(--s-2)}.slider__dot{width: 24px;height: 4px;border-radius: 2px;background: var(--c-line);border: none;cursor: pointer;transition: all var(--t-base) var(--ease)}.slider__dot--active{background: var(--c-orange);width: 36px}.slider__arrows{display: flex;gap: var(--s-2)}.slider__arrow{width: 44px;height: 44px;border-radius: 50%;background: var(--c-bg-warm);border: none;display: grid;place-items: center;color: var(--c-ink);cursor: pointer;transition: all var(--t-fast) var(--ease)}.slider__arrow:hover{background: var(--c-ink);color: var(--c-bg)}.state-card{background: var(--c-bg-elev);border: 1px solid var(--c-line);border-radius: var(--r-lg);padding: var(--s-8);text-align: center;display: grid;gap: var(--s-3);justify-items: center;min-height: 260px;align-content: center}.state-card__icon{width: 56px;height: 56px;border-radius: 50%;display: grid;place-items: center}.state-card--success .state-card__icon{background: var(--c-success-soft);color: var(--c-success)}.state-card--error .state-card__icon{background: var(--c-error-soft);color: var(--c-error)}.state-card--empty .state-card__icon{background: var(--c-bg-warm);color: var(--c-ink-soft)}.state-card--loading .state-card__icon{background: var(--c-bg-warm)}.state-card__icon svg{width: 28px;height: 28px}.state-card__title{font-family: var(--ff-display);font-size: 17px;font-weight: 600;margin: 0}.state-card__text{font-size: 13px;color: var(--c-ink-muted);margin: 0;max-width: 32ch}.tag{display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;border-radius: var(--r-pill);font-family: var(--ff-mono);font-size: 11px;letter-spacing: 0.04em;text-transform: uppercase;font-weight: 500;background: var(--c-bg-warm);color: var(--c-ink-muted)}.tag--orange{background: var(--c-orange-soft);color: var(--c-orange-deep)}.tag--ink{background: var(--c-ink);color: var(--c-bg)}@media (max-width: 1024px){.brand-grid{grid-template-columns: 1fr 1fr}.brand-rules{grid-template-columns: repeat(2,1fr)}.swatches{grid-template-columns: repeat(2,1fr)}.card-grid--3,.card-grid--4{grid-template-columns: repeat(2,1fr)}.btn-grid{grid-template-columns: 110px repeat(3,1fr);overflow-x: auto}.footer{grid-template-columns: 1fr 1fr}.states-grid{grid-template-columns: 1fr 1fr}.cta-block{grid-template-columns: 1fr}.slider__viewport{grid-template-columns: 1fr}.tokens-grid{grid-template-columns: repeat(2,1fr)}.kit__lead{grid-template-columns: 1fr;gap: var(--s-8)}}@media (max-width: 640px){.kit{padding: var(--s-6) var(--s-4)}.kit__header{grid-template-columns: 1fr;gap: var(--s-4)}.kit__meta{flex-wrap: wrap}.section__title{font-size: 26px}.brand-grid,.swatches,.card-grid--2,.card-grid--3,.card-grid--4,.states-grid,.brand-rules,.tokens-grid{grid-template-columns: 1fr}.form-row{grid-template-columns: 1fr}.footer{grid-template-columns: 1fr;padding: var(--s-8) var(--s-5)}.nav{display: none}.cta-block{padding: var(--s-6)}.cta-block__title{font-size: 28px;line-height: 1.1}.cta-block__text{font-size: 15px}.cta-block__actions .btn{flex: 1 1 100%}.cta-block__actions .btn--lg{padding: 14px 18px;font-size: 15px}}.case-card__media picture{display: contents}.case-card__media-img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}