/* =====================================================================
   Craftio Landing — стили страниц (DE / RU / EN), перенесены из Figma
   Десктоп: фреймы 1440 px · Мобильная версия: фреймы 390 px
   ===================================================================== */

/* ---------- Шрифты (локально, без Google) ---------- */
@font-face{font-family:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/manrope-latin-400-normal.woff2) 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:"Manrope";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/manrope-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/manrope-latin-500-normal.woff2) 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:"Manrope";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/manrope-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/manrope-latin-600-normal.woff2) 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:"Manrope";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/manrope-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/manrope-latin-700-normal.woff2) 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:"Manrope";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/manrope-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

@font-face{font-family:"Unbounded";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/unbounded-latin-400-normal.woff2) 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:"Unbounded";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/unbounded-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/unbounded-latin-600-normal.woff2) 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:"Unbounded";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/unbounded-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/unbounded-latin-700-normal.woff2) 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:"Unbounded";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/unbounded-latin-ext-700-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}

@font-face{font-family:"Jacques Francois Shadow";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/jacques-francois-shadow-latin-400-normal.woff2) format("woff2")}

@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-cyrillic-400-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400-normal.woff2) 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:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-cyrillic-500-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500-normal.woff2) 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:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600-normal.woff2) 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:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-latin-700-normal.woff2) 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:"Cormorant";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/cormorant-cyrillic-600-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/cormorant-cyrillic-700-normal.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/cormorant-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+FEFF,U+FFFD}

/* ---------- Токены ---------- */
.cr-page,.cr-quiz{
	--cr-ink:#0D0916;
	--cr-ink-72:rgba(13,9,22,.72);
	--cr-line:rgba(13,9,22,.12);
	--cr-white:#FDFCFF;
	--cr-cream:#FDFFEF;
	--cr-lav:#F2EFFF;
	--cr-lav-2:#F8F6FF;
	--cr-violet:#8A4DFD;
	--cr-violet-2:#7B3FF2;
	--cr-grey:#9B9A9D;
	--cr-yellow:#FFC55A;
	--cr-footer:#50299C;
	--cr-shadow:0 12px 32px rgba(123,63,242,.08);
	--cr-grad-btn:linear-gradient(90deg,#8A4DFD 0%,rgba(110,62,202,.78) 50%,rgba(82,46,151,.9) 100%);
	--cr-grad-text:linear-gradient(180deg,#7B3FF2 0%,#47248C 100%);
	--cr-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
	--cr-head:"Unbounded","Manrope",system-ui,sans-serif;
	--cr-head-w:400;
	--cr-deco:"Jacques Francois Shadow",Georgia,serif;
	--cr-logo:"Manrope",system-ui,sans-serif;
	--cr-wrap:1240px;
	--cr-pad:100px;
}
.craftio-lang-en :is(.cr-page,.cr-quiz){--cr-logo:"Unbounded",system-ui,sans-serif}
.craftio-lang-ru :is(.cr-page,.cr-quiz){
	--cr-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
	--cr-head:"Inter",system-ui,sans-serif;
	--cr-head-w:600;
	--cr-deco:"Cormorant",Georgia,serif;
	--cr-logo:"Inter",system-ui,sans-serif;
}

/* ---------- Сброс темы Kadence на этих страницах ---------- */
body.craftio-landing{background:var(--cr-white,#FDFCFF)}
body.craftio-landing .site-main,
body.craftio-landing .content-area,
body.craftio-landing .entry-content-wrap,
body.craftio-landing .content-container,
body.craftio-landing article.entry{margin:0!important;padding:0!important;max-width:none!important;box-shadow:none!important;background:transparent!important}
body.craftio-landing .entry-content{margin:0!important}
body.craftio-landing .content-wrap > .entry-hero{display:none}

.cr-page{font-family:var(--cr-body);color:var(--cr-ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-rendering:optimizeLegibility}
.cr-page *,.cr-page *::before,.cr-page *::after{box-sizing:border-box}
.cr-page :where(h1,h2,h3,h4,p,ul,ol,figure,blockquote,details,summary){margin:0;padding:0}
.cr-page .is-layout-flow > *,.cr-page .is-layout-constrained > *,.cr-page .wp-block-group > *{margin-block-start:0;margin-block-end:0}
.cr-page :where(ul,ol){list-style:none}
body.craftio-landing .cr-page :is(ul,ol){margin:0;padding:0;list-style:none}
body.craftio-landing .cr-page :is(h1,h2,h3,h4,p,figure,details,summary,blockquote):not(.cr-faq__answer){margin:0}
.cr-page .wp-block-group__inner-container{display:contents}
body.craftio-landing .cr-page .wp-block-group__inner-container > *,body.craftio-landing .cr-page > .wp-block-group__inner-container > *,body.craftio-landing .entry-content > .cr-page{margin-block:0}
.cr-page a{color:inherit;text-decoration:none;transition:color .2s,opacity .2s,background .2s,border-color .2s,box-shadow .2s}
.cr-page img{display:block;max-width:100%;height:auto}
.cr-page .wp-block-image{margin:0}
.cr-page .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.cr-page :focus-visible{outline:2px solid var(--cr-violet);outline-offset:3px;border-radius:6px}

.cr-wrap{width:100%;max-width:calc(var(--cr-wrap) + 2*var(--cr-pad));margin-inline:auto;padding-inline:var(--cr-pad)}
.cr-section{padding-block:60px}
.cr-stack{display:flex;flex-direction:column;gap:56px}
.cr-section [id]{scroll-margin-top:24px}
.cr-section{scroll-margin-top:0}

/* ---------- Типографика ---------- */
.cr-eyebrow{font-family:var(--cr-body);font-weight:500;font-size:14px;line-height:1;color:var(--cr-grey);text-transform:capitalize}
.cr-h2{font-family:var(--cr-head);font-weight:var(--cr-head-w);font-size:45px;line-height:1;letter-spacing:0;color:var(--cr-ink)}
.cr-s2__title{line-height:1.3;max-width:988px}
.craftio-lang-ru .cr-s2__title{line-height:1;max-width:none}
.craftio-lang-en .cr-s2__title{max-width:1173px}
.cr-h3{font-family:var(--cr-head);font-weight:var(--cr-head-w);font-size:25px;line-height:1.25;letter-spacing:-.005em;color:var(--cr-ink)}
.cr-h3--sm{font-size:20px;line-height:1.35}
.cr-head{display:flex;flex-direction:column;gap:18px}
.cr-lead{font-size:16px;line-height:1.5;color:var(--cr-ink)}
.cr-lead--muted{color:var(--cr-ink-72)}
.cr-s3__lead{max-width:832px}
.craftio-lang-ru .cr-s3__lead{max-width:802px}
.craftio-lang-en .cr-s3__lead{max-width:1198px}
.cr-caption{font-size:14px;line-height:1.5;color:var(--cr-ink-72)}

/* ---------- Кнопки ---------- */
.cr-page .wp-block-buttons{display:flex;flex-wrap:wrap;gap:16px;margin:0}
.cr-page .wp-block-button{margin:0}
.cr-page .wp-block-button__link,.cr-page .cr-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:55px;padding:18px 32px;border-radius:999px;border:0;font-family:var(--cr-body);font-size:16px;line-height:1.2;font-weight:600;text-align:center;cursor:pointer;text-decoration:none;white-space:nowrap}
.cr-page .wp-block-button.cr-btn{display:block;min-height:0;padding:0;background:none;border-radius:0}
.cr-page .cr-btn--light .wp-block-button__link,.cr-page a.cr-btn--light,.cr-page button.cr-btn--light{background:var(--cr-lav);color:var(--cr-ink);min-width:250px}
.cr-page .cr-btn--light .wp-block-button__link:hover,.cr-page button.cr-btn--light:hover{background:#fff;box-shadow:0 8px 24px rgba(13,9,22,.18)}
.cr-page .cr-btn--grad .wp-block-button__link{background:var(--cr-grad-btn);color:var(--cr-white);min-width:255px}
.cr-page .cr-btn--grad .wp-block-button__link:hover{box-shadow:0 10px 26px rgba(138,77,253,.35);filter:brightness(1.06)}
.cr-page .cr-btn--regular .wp-block-button__link{font-weight:400}
.cr-page .cr-btn--outline .wp-block-button__link{background:transparent;color:var(--cr-ink);border:1px solid var(--cr-violet);min-width:210px;line-height:1.4}
.cr-page .cr-btn--outline .wp-block-button__link:hover{background:var(--cr-violet);color:var(--cr-white)}
.cr-page .cr-btn--ghost{background:transparent;color:var(--cr-white);border:1.5px solid rgba(210,210,210,.76);min-width:210px;padding:0 30px;line-height:1;font-weight:600}
.cr-page .cr-btn--ghost:hover{background:rgba(253,252,255,.12);border-color:var(--cr-white)}

/* =====================================================================
   1. Первый экран
   ===================================================================== */
.cr-hero{position:relative;min-height:700px;color:var(--cr-white);background:linear-gradient(294deg,#8A4DFD 5%,#7944DF 27%,#5F35AF 62%,#522E97 100%)}
.cr-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;height:120px;max-width:calc(var(--cr-wrap) + 2*var(--cr-pad));margin-inline:auto;padding:0 var(--cr-pad)}
.cr-header__logo{font-family:var(--cr-logo);font-weight:700;font-size:16px;line-height:1;letter-spacing:.08em;color:var(--cr-white)!important}
.cr-nav__list{display:flex;align-items:center;gap:40px}
.cr-nav__item{position:relative}
.cr-nav__item > a{display:inline-block;font-family:var(--cr-body);font-weight:500;font-size:16px;line-height:1;color:var(--cr-white)!important;padding:8px 0}
.craftio-lang-ru .cr-nav__item > a{font-family:"Inter",sans-serif}
.cr-nav__item > a:hover{opacity:.75}
.cr-nav__sub{position:absolute;top:100%;left:-16px;min-width:260px;padding:10px;background:var(--cr-white);border-radius:16px;box-shadow:0 18px 40px rgba(13,9,22,.18);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s}
.cr-nav__sub a{display:block;padding:10px 12px;border-radius:10px;font-size:15px;line-height:1.3;color:var(--cr-ink)!important}
.cr-nav__sub a:hover{background:var(--cr-lav)}
.cr-nav__item--sub:hover .cr-nav__sub,.cr-nav__item--sub:focus-within .cr-nav__sub{opacity:1;visibility:visible;transform:none}
.cr-header__right{display:flex;align-items:center;gap:24px}
.cr-burger{display:none}

/* Переключатель языка */
.cr-lang{position:relative}
.cr-lang__toggle{background:none;border:0;padding:8px 0;margin:0;cursor:pointer;font-family:var(--cr-body);font-weight:500;font-size:16px;line-height:1;color:var(--cr-white)}
.craftio-lang-ru .cr-lang__toggle{font-family:"Manrope",sans-serif}
.cr-lang__menu{position:absolute;top:100%;right:-12px;min-width:84px;padding:8px;background:var(--cr-white);border-radius:14px;box-shadow:0 18px 40px rgba(13,9,22,.18);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:30}
.cr-lang__menu a{display:block;padding:8px 12px;border-radius:9px;font-size:15px;font-weight:600;line-height:1;color:var(--cr-ink)!important}
.cr-lang__menu a:hover,.cr-lang__menu a[aria-current]{background:var(--cr-lav)}
.cr-lang:hover .cr-lang__menu,.cr-lang:focus-within .cr-lang__menu,.cr-lang.is-open .cr-lang__menu{opacity:1;visibility:visible;transform:none}

.cr-hero__inner{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding-top:28px;padding-bottom:60px}
.cr-hero__text{display:flex;flex-direction:column;align-items:flex-start;gap:20px;max-width:862px}
.cr-hero__title{font-family:var(--cr-head);font-weight:700;font-size:60px;line-height:1.2;letter-spacing:.05em;color:var(--cr-white);max-width:650px;margin:0 0 10px!important}
.cr-hero__title .cr-deco{font-family:var(--cr-deco);font-weight:400}
.cr-nowrap{white-space:nowrap}
.cr-show-m{display:none}
.cr-page :is(.cr-h2,.cr-h3,.cr-col__title,.cr-step__title,.cr-format__title,.cr-card__title){color:var(--cr-ink)}
.cr-page .cr-contact__title{color:var(--cr-white)}
.craftio-lang-en .cr-hero__title{font-weight:400;font-size:62px;line-height:1.1;max-width:582px}
.craftio-lang-ru .cr-hero__title{font-family:"Inter",sans-serif;font-size:62px;max-width:700px}
.craftio-lang-ru .cr-hero__title .cr-deco{font-weight:700}
.cr-hero__sub{font-size:16px;line-height:1;color:rgba(253,255,239,.78)}
.cr-hero__lead{font-size:16px;line-height:1.5;color:rgba(253,255,239,.78);max-width:788px}
.craftio-lang-ru .cr-hero__lead{max-width:818px}
.cr-hero__btns{margin:0 0 10px!important}
.cr-pills{display:flex;flex-wrap:wrap;gap:12px}
.cr-pills li{padding:8px 14px;border:1px solid rgba(253,255,239,.45);border-radius:999px;font-size:14px;line-height:1;color:rgba(253,255,239,.78)}
.cr-hero__logo{position:absolute!important;right:var(--cr-pad);top:59px;width:273px}
.craftio-lang-ru .cr-hero__logo{right:calc(var(--cr-pad) + 36px);top:66px}
.cr-hero__logo img{width:273px;height:auto}

/* =====================================================================
   2. Услуги / кейсы
   ===================================================================== */
.cr-s2{background:var(--cr-lav)}
.cr-cards{display:flex;flex-direction:column;gap:56px}
.cr-card{display:flex;flex-direction:column;gap:20px;padding:20px 40px;background:var(--cr-white);border-radius:28px;box-shadow:var(--cr-shadow)}
.cr-badge{align-self:flex-start;padding:6px 14px;border-radius:999px;background:var(--cr-lav);font-weight:500;font-size:14px;line-height:1.3;letter-spacing:.06em;color:#6534D2}
.cr-card__body{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.cr-card__text{font-size:16px;line-height:1.6;max-width:1126px}
.cr-chips{display:flex;flex-wrap:wrap;gap:24px}
.cr-chips li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid rgba(123,63,242,.35);border-radius:999px;font-size:14px;line-height:1.5;color:var(--cr-ink)}
.cr-chips li span{color:var(--cr-violet)}

/* До / После */
.cr-ba{display:flex;flex-direction:column;gap:12px}
.cr-ba__switch{display:none}
.cr-ba__row{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:12px;align-items:center}
.cr-ba__img{position:relative;aspect-ratio:565/456;border-radius:12px;overflow:hidden;margin:0}
.cr-ba__img img,.cr-ba__img picture{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.cr-ba--proto .cr-ba__img--before{background:#F3F5F3}
.cr-ba__divider{position:relative;align-self:stretch;margin-block:8px;background:var(--cr-lav)}
.cr-ba__knob{position:absolute;left:50%;top:77px;width:62px;height:62px;margin-left:-31px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#FDFCFF 0%,#9B86C3 57%,#A892D3 100%)}
.cr-ba__knob svg{width:41px;height:41px}
.cr-tag{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:var(--cr-white);box-shadow:inset 0 4px 4px rgba(0,0,0,.25);font-family:var(--cr-body);font-weight:600;font-size:11px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--cr-violet)}
.cr-tag--on-img{position:absolute;left:10px;bottom:15px}
.cr-ba--wide .cr-ba__row{max-width:1182px;margin-inline:auto;width:100%}
.cr-ba--wide .cr-ba__img--before{box-shadow:0 0 5px #F2EFFF}
.cr-ba--wide .cr-caption{max-width:1182px;margin-inline:auto;width:100%}

/* Форматы */
.cr-formats{display:flex;flex-direction:column;gap:24px}
.cr-formats__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cr-format{display:flex;flex-direction:column;gap:12px;padding:28px;background:var(--cr-lav-2);border:1px solid var(--cr-line);border-radius:22px}
.cr-format__title{font-family:var(--cr-body);font-weight:600;font-size:16px;line-height:1.35;letter-spacing:-.005em}
.cr-format__text{font-size:14px;line-height:1.5;color:var(--cr-ink-72)}
.cr-format__link{font-weight:600;font-size:16px;line-height:1.4}
.cr-format__link a{color:#6a36d6}
@supports (-webkit-background-clip:text){.cr-format__link a{background:var(--cr-grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}}
.cr-format__link a:hover{opacity:.75}

/* =====================================================================
   3. Редизайн
   ===================================================================== */
.cr-s3{background:var(--cr-white)}
.cr-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cr-col{display:flex;flex-direction:column;gap:18px;padding:32px;background:var(--cr-lav);border-radius:24px}
.cr-col__title{font-family:var(--cr-body);font-weight:600;font-size:20px;line-height:1.35;letter-spacing:-.005em}
.cr-col__list{display:flex;flex-direction:column;gap:12px}
.cr-col__list li{display:flex;gap:10px;font-size:16px;line-height:1.6}
.cr-mark{flex:none;color:var(--cr-violet)}

.cr-check-card{display:flex;align-items:center;gap:59px;padding:29px 32px;background:var(--cr-lav);border-radius:24px}
.cr-check-card__icon{flex:none;width:62px;height:62px}
.cr-check-card__icon svg{display:block;width:62px;height:62px}
.cr-check-card__text-wrap{display:flex;flex-direction:column;gap:18px;max-width:705px;flex:1 1 auto}
.cr-check-card__title{line-height:1.35}
.cr-check-card__text{font-size:20px;line-height:1.5}
.cr-check-card__btn{flex:none}

/* Бегущая строка */
.cr-marquee{padding:60px 0;background:var(--cr-white);overflow:hidden;user-select:none}
.cr-marquee__row{overflow:hidden;height:60px}
.cr-marquee__track{display:flex;gap:20px;width:max-content;animation:cr-marquee 38s linear infinite}
.cr-marquee__row--alt .cr-marquee__track{animation-direction:reverse;animation-duration:32s}
.cr-marquee span{flex:none;width:300px;height:60px;display:flex;align-items:center;justify-content:center;font-family:var(--cr-body);font-weight:700;font-size:65px;line-height:1;color:var(--cr-ink)}
.cr-marquee__row--alt span{color:var(--cr-violet)}
@keyframes cr-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cr-marquee__track{animation:none}}

/* =====================================================================
   4. Как работаем
   ===================================================================== */
.cr-s4{background:var(--cr-lav)}
.cr-s4__body{display:flex;flex-direction:column;gap:48px}
.cr-s4 .cr-lead{max-width:766px}
.cr-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.cr-step{display:flex;flex-direction:column;gap:16px;padding:28px;min-height:231px;background:var(--cr-white);border-radius:24px;box-shadow:var(--cr-shadow)}
.craftio-lang-en .cr-step{min-height:210px}
.cr-step__num{font-weight:600;font-size:32px;line-height:1;letter-spacing:-.01em;color:var(--cr-violet)}
.cr-step__title{font-family:var(--cr-body);font-weight:600;font-size:20px;line-height:1.35;letter-spacing:-.005em}
.cr-step__text{font-size:14px;line-height:1.5;color:var(--cr-ink-72)}

/* =====================================================================
   5. FAQ
   ===================================================================== */
.cr-s5{background:var(--cr-white)}
.cr-faq{display:flex;align-items:center;justify-content:space-between;gap:36px}
.cr-faq__main{display:flex;flex-direction:column;gap:56px;flex:0 1 935px;min-width:0}
.cr-faq__inner{display:flex;flex-direction:column;gap:36px}
.cr-faq__list{display:flex;flex-direction:column}
.cr-page .cr-faq__item{border:0;border-bottom:1px solid var(--cr-line);border-radius:0;padding:24px 16px;margin:0;transition:background .2s}
.cr-page .cr-faq__item[open]{background:var(--cr-lav);border-radius:24px;border-bottom-color:transparent}
.cr-faq__item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:36px;cursor:pointer;font-family:var(--cr-body);font-weight:600;font-size:20px;line-height:1.35;letter-spacing:-.005em;color:var(--cr-ink)}
.cr-faq__item summary::-webkit-details-marker{display:none}
.cr-faq__item summary::marker{content:""}
.cr-faq__item summary::after{content:"+";flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--cr-lav);color:var(--cr-violet);font-family:var(--cr-body);font-weight:600;font-size:18px;line-height:1;transition:background .2s,color .2s}
.cr-faq__item[open] summary::after{content:"−";background:var(--cr-violet);color:var(--cr-white)}
.cr-faq__item summary:hover::after{background:var(--cr-violet);color:var(--cr-white)}
.cr-faq__answer{margin-top:12px!important;max-width:833px;font-size:16px;line-height:1.6;color:var(--cr-ink-72)}
.cr-faq__aside{flex:0 0 337px;display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}
.cr-faq__aside-text{font-weight:500;font-size:16px;line-height:1.6}
.cr-faq__aside .wp-block-buttons{justify-content:center}

/* =====================================================================
   6. Обращение и форма
   ===================================================================== */
.cr-s6{background:var(--cr-lav)}
.cr-contact{position:relative;display:grid;grid-template-columns:577px minmax(0,1fr);grid-template-areas:"head head" "form visual";column-gap:172px;row-gap:16px;padding:24px 0 24px 24px;border-radius:40px;color:var(--cr-white);background:linear-gradient(91deg,rgba(68,43,130,.9) 24%,#8A4DFD 84%,#8A4DFD 100%);box-shadow:0 30px 80px rgba(86,56,208,.3);overflow:hidden}
.cr-contact__head{grid-area:head;display:flex;flex-direction:column;gap:15px;max-width:940px;position:relative;z-index:2}
.craftio-lang-en .cr-contact__head{max-width:839px}
.cr-contact__title{color:var(--cr-white)}
.cr-contact__text{max-width:767px;font-size:16px;line-height:1.55;color:rgba(253,252,255,.75)}
.craftio-lang-ru .cr-contact__text{max-width:839px}
.cr-contact .cr-form{grid-area:form;position:relative;z-index:2}
.cr-contact__visual{grid-area:visual;position:relative;align-self:start;margin-top:-38px;width:467px;max-width:100%;height:484px;justify-self:end}
.cr-contact__visual > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.15;pointer-events:none}
.cr-contact__visual::after{content:"";position:absolute;left:-28px;top:38px;width:1px;height:452px;background:repeating-linear-gradient(to bottom,#FDFCFF 0 6px,transparent 6px 12px)}
.cr-visual__steps{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:57px 0 0 15px}
.cr-visual__steps li{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:248px;padding:10px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);font-size:14px;line-height:1.35;color:var(--cr-white)}
.cr-visual__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}
.craftio-lang-ru .cr-visual__steps li{min-width:269px}

.cr-form{display:flex;flex-direction:column;gap:15px}
.cr-form__hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cr-form__fields{display:flex;flex-direction:column;gap:12px}
.cr-field{display:block;margin:0}
.cr-field input,.cr-field textarea{display:block;width:100%;height:40px;margin:0;padding:0 20px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.08);font-family:var(--cr-body);font-size:14px;line-height:1.35;color:var(--cr-white);box-shadow:none;outline:0;transition:border-color .2s,background .2s}
.cr-field textarea{height:120px;padding:18px 20px;resize:vertical}
.cr-field input::placeholder,.cr-field textarea::placeholder{color:rgba(253,252,255,.68);opacity:1}
.cr-field input:focus,.cr-field textarea:focus{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.14)}
.cr-form__bottom{display:flex;flex-direction:column;gap:20px;padding-top:0}
.cr-form__tasks{border:0;margin:0;padding:0;min-width:0}
.cr-form__q{padding:0;margin:0 0 20px;font-weight:500;font-size:16px;line-height:1.35;color:var(--cr-yellow)}
.cr-form__opts{display:flex;flex-wrap:wrap;gap:12px 20px}
.cr-check{position:relative;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;line-height:1.35;color:var(--cr-white)}
.cr-check input{position:absolute;opacity:0;width:18px;height:18px;margin:0;cursor:pointer}
.cr-check__box{flex:none;width:18px;height:18px;border:1px solid var(--cr-white);border-radius:5px;display:grid;place-items:center;transition:background .2s}
.cr-check input:checked + .cr-check__box{background:var(--cr-white)}
.cr-check input:checked + .cr-check__box::after{content:"";width:9px;height:5px;border-left:2px solid var(--cr-violet);border-bottom:2px solid var(--cr-violet);transform:translateY(-1px) rotate(-45deg)}
.cr-check input:focus-visible + .cr-check__box{outline:2px solid var(--cr-yellow);outline-offset:2px}
.cr-check--consent{gap:10px}
.cr-check--consent .cr-check__label{color:rgba(253,252,255,.7)}
.cr-check--consent a{text-decoration:underline;text-underline-offset:2px}
.cr-form .cr-form__submit{align-self:flex-start;width:300px;min-height:55px}
.cr-form__notice{padding:12px 16px;border-radius:14px;font-size:14px;line-height:1.45}
.cr-form__notice--ok{background:rgba(255,255,255,.95);color:var(--cr-ink)}
.cr-form__notice--err{background:#FFE7E4;color:#8A1C10}
.cr-form.is-invalid .cr-form__tasks .cr-check__box,.cr-field input.is-error{border-color:var(--cr-yellow)}

/* =====================================================================
   Подвал
   ===================================================================== */
.cr-footer{background:var(--cr-footer);color:var(--cr-white);padding:60px var(--cr-pad);display:flex;flex-direction:column;gap:40px}
.cr-footer > *{width:100%;max-width:var(--cr-wrap);margin-inline:auto}
.cr-footer__top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.cr-footer__brand{display:flex;flex-direction:column;gap:12px;max-width:373px}
.cr-footer__brand p{font-size:16px;line-height:1.5}
.cr-footer__brand p:nth-child(2){max-width:300px}
.craftio-lang-ru .cr-footer__brand p:nth-child(2){max-width:none}
.cr-footer__brand .cr-footer__logo{font-family:var(--cr-logo);font-weight:700;font-size:20px;line-height:1;letter-spacing:.08em}
.craftio-lang-en .cr-footer__brand .cr-footer__logo{font-family:"Manrope",sans-serif}
.cr-footer a:hover{color:var(--cr-yellow)}
.cr-footer__cols{display:flex;gap:64px}
.cr-footer__col{display:flex;flex-direction:column;gap:12px}
.cr-footer__col ul{display:flex;flex-direction:column;gap:12px}
.cr-footer__title{font-weight:600;font-size:16px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--cr-yellow)}
.cr-footer__col a{font-size:16px;line-height:1.5}
.cr-footer__line{height:1px;background:rgba(253,252,255,.74)}
.cr-footer__bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.cr-footer__bottom p,.cr-footer__legal a{font-size:16px;line-height:1.5}
.cr-footer__legal{display:flex;flex-wrap:wrap;gap:20px}

/* =====================================================================
   Промежуточные ширины (ноутбуки)
   ===================================================================== */
@media (max-width:1279px){
	.cr-page{--cr-pad:48px}
	.cr-nav__list{gap:28px}
	.cr-hero__logo{width:220px}
	.cr-hero__logo img{width:220px}
	.cr-contact{column-gap:48px;grid-template-columns:minmax(0,577px) minmax(0,1fr)}
	.cr-faq__aside{flex-basis:280px}
	.cr-check-card{gap:32px}
}
@media (max-width:1099px){
	.cr-header__right .cr-header__cta{display:none}
	.cr-hero__logo{opacity:.35}
	.cr-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
	.cr-contact__visual{display:none}
	.cr-contact{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "form";padding-right:24px}
}

/* =====================================================================
   Мобильная версия (фреймы 390 px)
   ===================================================================== */
@media (max-width:899px){
	.cr-page{--cr-pad:20px}
	.cr-section{padding-block:56px}
	.cr-stack{gap:24px}
	.cr-eyebrow{font-size:12px;line-height:1;color:var(--cr-ink-72)}
	.cr-s2 .cr-eyebrow{font-size:14px;color:var(--cr-grey)}
	.cr-h2,.cr-s2__title{font-size:25px;line-height:1.2;max-width:none!important}
	.cr-h3{font-size:25px;line-height:1.2}
	.cr-h3--sm{font-size:25px}
	.cr-lead{font-size:14px;line-height:1.5;color:var(--cr-ink-72)}
	.cr-head{gap:12px}
	.cr-caption{font-size:12px}

	/* Шапка */
	.cr-header{height:70px;padding:0 20px}
	.cr-header__logo{font-weight:600;font-size:20px;letter-spacing:.08em;color:var(--cr-cream)!important}
	.cr-header__right{gap:30px}
	.cr-lang__toggle{font-size:14px;color:var(--cr-cream)}
	.cr-burger{display:flex;flex-direction:column;justify-content:space-between;width:44px;height:30px;padding:0;margin:0;background:none;border:0;cursor:pointer}
	.cr-burger span{display:block;height:1px;background:#FEFEFE;transition:transform .25s,opacity .2s}
	.cr-header.is-open .cr-burger span:nth-child(1){transform:translateY(14.5px) rotate(45deg)}
	.cr-header.is-open .cr-burger span:nth-child(2){opacity:0}
	.cr-header.is-open .cr-burger span:nth-child(3){transform:translateY(-14.5px) rotate(-45deg)}
	.cr-nav{position:absolute;top:70px;left:12px;right:12px;padding:12px;background:var(--cr-white);border-radius:20px;box-shadow:0 18px 40px rgba(13,9,22,.22);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s}
	.cr-header.is-open .cr-nav{opacity:1;visibility:visible;transform:none}
	.cr-nav__list{flex-direction:column;align-items:stretch;gap:0}
	.cr-nav__item > a{display:block;padding:14px 12px;color:var(--cr-ink)!important;font-size:16px}
	.cr-nav__caret{display:none}
	.cr-nav__sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 6px 12px;min-width:0;background:transparent}
	.cr-nav__sub a{font-size:14px;padding:8px 12px;color:var(--cr-ink-72)!important}

	/* Первый экран */
	.cr-hero{min-height:0;background:linear-gradient(147deg,#8A4DFD 0%,#5A26C9 100%)}
	.cr-hero__inner{flex-direction:column;align-items:stretch;gap:24px;padding:24px 20px 60px}
	.cr-hero__logo,.craftio-lang-ru .cr-hero__logo{position:static!important;order:-1;width:96px;margin:0 auto!important;opacity:1}
	.cr-hero__logo img{width:96px}
	.cr-hero__text{gap:20px;max-width:none}
	.cr-hero__title,.craftio-lang-en .cr-hero__title,.craftio-lang-ru .cr-hero__title{font-size:32px;line-height:1.2;max-width:none;margin:0!important;text-transform:uppercase}
	.cr-hero__title{font-weight:600}
	.craftio-lang-en .cr-hero__title{font-weight:400}
	.craftio-lang-ru .cr-hero__title{font-weight:600}
	.craftio-lang-ru .cr-hero__title .cr-deco{font-weight:600}
	.cr-hero__sub{font-size:14px;line-height:1}
	.craftio-lang-en .cr-hero__sub{font-size:16px;line-height:1.5}
	.cr-hero__lead{display:none}
	.cr-hero__btns{width:100%;margin:0!important}
	.cr-hero__btns .wp-block-button{width:100%}
	.cr-page .cr-hero__btns .wp-block-button__link{width:100%;min-height:50px;padding:16px 24px}
	.cr-pills{gap:10px}
	.cr-pills li{height:30px;display:inline-flex;align-items:center}

	/* Карточки услуг */
	.cr-s2 .cr-stack{gap:24px}
	.cr-s2__title{margin-top:8px!important}
	.cr-cards{gap:24px}
	.cr-card{padding:20px;gap:16px;border-radius:20px;background:#fff;box-shadow:none}
	.cr-badge{padding:6px 12px;font-size:12px;line-height:1;letter-spacing:0}
	.cr-ba{gap:16px}
	.cr-ba__switch{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:4px;min-width:266px;justify-content:space-between;background:var(--cr-lav);border-radius:999px}
	.cr-ba__tab{flex:1 1 auto;min-height:44px;padding:8px 16px;border:0;border-radius:999px;background:transparent;font-family:var(--cr-body);font-size:14px;line-height:1;font-weight:400;color:var(--cr-ink-72);cursor:pointer;white-space:nowrap}
	.cr-ba__tab[aria-pressed="true"]{background:#fff;font-weight:500;color:var(--cr-ink)}
	.cr-ba__row{display:block}
	.cr-ba__divider{display:none}
	.cr-ba__img{aspect-ratio:310/240;border:1px solid rgba(0,0,0,.12)}
	.cr-ba--wide .cr-ba__img{aspect-ratio:350/240}
	.cr-ba.is-after .cr-ba__img--before,.cr-ba.is-before .cr-ba__img--after{display:none}
	.cr-tag--on-img{display:none}
	.cr-card__body{gap:14px}
	.cr-card__text{font-size:14px;line-height:1.5;color:var(--cr-ink-72)}
	.cr-chips{flex-direction:column;align-items:flex-start;gap:14px}
	.cr-chips li{padding:6px 12px 6px 6px;gap:6px;font-weight:500;line-height:1}
	.cr-chips li span{line-height:1.5}
	.cr-card .wp-block-buttons{width:100%}
	.cr-page .cr-btn--grad .wp-block-button__link{min-width:0;width:300px;max-width:100%;min-height:50px;padding:16px 24px;background:linear-gradient(90deg,#8F5CFF 0%,#6B3CC4 100%);color:var(--cr-cream);font-weight:600}
	.cr-formats{gap:14px;margin-top:0}
	.cr-formats__grid{grid-template-columns:1fr;gap:14px}
	.cr-format{padding:20px;gap:8px;border-radius:16px;background:#fff}
	.cr-format__title{font-size:16px;line-height:1.2}
	.cr-format__text br{display:none}
	.cr-format__link{font-size:14px;line-height:1.2}

	/* Редизайн */
	.cr-s3{background:#fff}
	.cr-cols{grid-template-columns:1fr;gap:24px}
	.cr-col{padding:24px;gap:14px;border-radius:20px}
	.cr-col__title{font-size:16px;line-height:1.2}
	.cr-col__list{gap:6px}
	.cr-col__list li{font-size:14px;line-height:1.5}
	.cr-check-card{flex-direction:column;align-items:flex-start;gap:14px;padding:24px;border-radius:20px}
	.cr-check-card__icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(90deg,#8F5CFF 0%,#6B3CC4 100%)}
	.cr-check-card__icon svg{display:none}
	.cr-check-card__icon::after{content:"✓";color:var(--cr-cream);font-weight:600;font-size:18px;line-height:1}
	.cr-col__list .cr-mark{font-size:16px;line-height:1.6;margin-top:-2px}
	.cr-col:last-child .cr-col__list li{font-size:16px}
	.cr-check-card__text-wrap{gap:14px}
	.cr-check-card__title{line-height:1.2}
	.cr-check-card__text{font-size:14px;color:var(--cr-ink-72)}
	.cr-check-card__text br{display:none}

	/* Бегущая строка */
	.cr-marquee{padding:24px 0;background:#fff}
	.cr-marquee__row{height:38px}
	.cr-marquee span{width:auto;height:38px;font-size:38px;padding:0 4px}
	.cr-marquee__track{gap:10px}

	/* Как работаем */
	.cr-s4__body{gap:24px}
	.cr-steps{grid-template-columns:1fr;gap:24px}
	.cr-step{min-height:150px!important;padding:20px;gap:8px;border-radius:20px;box-shadow:none}
	.cr-step__num{font-size:12px;color:var(--cr-violet-2)}
	.cr-step__title{font-size:16px;line-height:1.2}

	/* FAQ */
	.cr-s5{background:#fff}
	.cr-faq{flex-direction:column;align-items:stretch;gap:24px}
	.cr-faq__main{gap:12px;flex-basis:auto}
	.cr-faq__inner{gap:24px}
	.cr-page .cr-faq__item{padding:14px 8px}
	.cr-page .cr-faq__item[open]{border-radius:8px}
	.cr-faq__item summary{font-size:16px;line-height:1.2;min-height:44px;gap:12px}
	.cr-faq__item summary::after{width:44px;height:44px;font-size:22px;color:var(--cr-violet-2)}
	.cr-faq__item[open] summary::after{background:var(--cr-violet-2)}
	.cr-faq__answer{margin-top:10px!important;font-size:14px;line-height:1.5}
	.cr-faq__aside{flex-basis:auto;align-items:stretch;gap:24px;text-align:left}
	.cr-faq__aside-text{font-size:14px;line-height:1.5;color:var(--cr-ink-72)}
	.cr-faq__aside .wp-block-buttons,.cr-faq__aside .wp-block-button{width:100%}
	.cr-page .cr-btn--outline .wp-block-button__link{width:100%;min-height:50px;padding:0;border-color:rgba(138,77,253,.54);line-height:1.2}

	/* Обращение */
	.cr-s6{padding-block:40px}
	.cr-contact{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:24px;background:linear-gradient(157deg,#8A4DFD 0%,#5A26C9 100%);box-shadow:none}
	.cr-page .cr-contact__title{color:var(--cr-cream)}
	.cr-contact__text{font-size:14px;line-height:1.5;color:rgba(253,255,239,.78)}
	.cr-contact__head{gap:10px}
	.cr-form{gap:10px;margin-top:0}
	.cr-field input{height:48px;padding:0 16px;border-radius:12px;background:rgba(253,255,239,.12);border-color:rgba(253,255,239,.25);font-size:14px}
	.cr-field textarea{height:96px;padding:14px 16px;border-radius:12px;background:rgba(253,255,239,.12);border-color:rgba(253,255,239,.25)}
	.cr-field input::placeholder,.cr-field textarea::placeholder{color:rgba(253,255,239,.78)}
	.cr-form__bottom{gap:10px}
	.cr-form__q{font-weight:600;font-size:14px;line-height:1.5;margin-bottom:10px}
	.cr-form__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
	.cr-form__opts .cr-check{min-height:44px;gap:8px}
	.cr-check__box{border-color:rgba(253,255,239,.7);border-radius:4px}
	.cr-check--consent{padding:12px 0;gap:10px}
	.cr-page .cr-form .cr-form__submit{width:100%;max-width:300px;min-height:50px;padding:16px 24px;background:var(--cr-cream)}
	.craftio-lang-de .cr-faq__aside-text br:nth-of-type(2){display:none}
	.cr-footer li{line-height:1.5}
	.cr-hide-m{display:none}
	.cr-show-m{display:inline}

	/* Подвал */
	.cr-footer{padding:48px 20px;gap:28px}
	.cr-footer__top{flex-direction:column;gap:28px}
	.cr-footer__brand{gap:10px;max-width:none}
	.cr-footer__brand .cr-footer__logo{font-weight:600;font-size:18px;color:var(--cr-cream)}
	.cr-footer__brand p{font-size:14px}
	.cr-footer__brand .cr-footer__langs,.cr-footer__brand p:nth-child(4){color:rgba(253,255,239,.78)}
	.cr-footer__cols{display:grid;grid-template-columns:repeat(2,160px);gap:20px}
	.cr-footer__col,.cr-footer__col ul{gap:10px}
	.cr-footer__title{font-size:14px;letter-spacing:0}
	.cr-footer__col a{font-size:14px;color:rgba(253,255,239,.78)}
	.cr-footer__line{background:rgba(253,255,239,.2)}
	.cr-footer__bottom{flex-direction:column;align-items:flex-start;gap:10px}
	.cr-footer__bottom p,.cr-footer__legal a{font-size:14px;color:rgba(253,255,239,.78)}
	.cr-footer__legal{flex-direction:column;gap:10px}
}
.cr-check input.is-error + .cr-check__box{border-color:var(--cr-yellow);box-shadow:0 0 0 2px rgba(255,197,90,.45)}
@media (max-width:899px){.cr-footer__brand p:nth-child(2){max-width:none}}

/* Скрыто по просьбе (23.10.2026): картинки «До / После» Sparkassen-Eisdom и подпись под ними
   в разделе редизайна. Чтобы вернуть — удалить это правило. */
.cr-s3 .cr-ba--wide .cr-ba__row,.cr-s3 .cr-ba--wide .cr-caption{display:none!important}

/* Логотип в первом экране: вращение как на старом сайте
   (из бэкапа: @keyframes rotate — rotateY 0→180° с уменьшением до 0.8 → 360°, 6s, ease-in-out, perspective 500px) */
.cr-hero__logo{perspective:500px}
.cr-hero__logo img{transform-style:preserve-3d;animation:cr-logo-rotate 6s infinite ease-in-out;will-change:transform}
@keyframes cr-logo-rotate{
	0%{transform:rotateY(0deg) scale(1)}
	50%{transform:rotateY(180deg) scale(.8)}
	100%{transform:rotateY(360deg) scale(1)}
}

/* Градиентные кнопки: насыщенный градиент из тех же цветов, волной слева направо; при наведении — однотонный #5F00DF (как значок cookies) */
.cr-page .cr-btn--grad .wp-block-button__link,
.cr-page .cr-btn--grad .wp-block-button__link:visited{
	background-color:#6A2BEF;
	background-image:linear-gradient(90deg,#9A5BFF 0%,#7B3FF2 20%,#5A23C8 40%,#7B3FF2 60%,#9A5BFF 80%,#B07CFF 90%,#9A5BFF 100%);
	background-size:200% 100%;
	background-repeat:repeat-x;
	animation:cr-grad-wave 5s linear infinite;
	transition:background-color .25s ease,box-shadow .25s ease;
}
@keyframes cr-grad-wave{
	from{background-position:0 50%}
	to{background-position:-200% 50%}
}
.cr-page .cr-btn--grad .wp-block-button__link:hover,
.cr-page .cr-btn--grad .wp-block-button__link:focus-visible{
	background-image:none;
	background-color:#5F00DF;
	animation:none;
	filter:none;
	box-shadow:0 10px 26px rgba(95,0,223,.35);
	color:#FDFCFF;
}
@media (prefers-reduced-motion:reduce){
	.cr-hero__logo img,.cr-page .cr-btn--grad .wp-block-button__link{animation:none}
}

/* =====================================================================
   Чек-лист «Нужен ли вашему сайту редизайн?» — всплывающее окно
   (по фрейму «чек-лист» в Figma: фон #F2EFFF, варианты-карточки, прогресс, кнопка #FFC55A)
   ===================================================================== */
html.cr-quiz-open,html.cr-quiz-open body{overflow:hidden}
.cr-quiz{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px;font-family:var(--cr-body);color:var(--cr-ink);-webkit-font-smoothing:antialiased}
.cr-quiz[hidden]{display:none}
.cr-quiz *,.cr-quiz *::before,.cr-quiz *::after{box-sizing:border-box}
.cr-quiz__backdrop{position:absolute;inset:0;background:rgba(13,9,22,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .25s ease}
.cr-quiz__dialog{position:relative;width:100%;max-width:960px;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;padding:64px 80px 56px;border-radius:32px;background:var(--cr-lav);box-shadow:0 30px 80px rgba(13,9,22,.35);opacity:0;transform:translateY(16px) scale(.98);transition:opacity .25s ease,transform .25s ease}
.cr-quiz.is-visible .cr-quiz__backdrop{opacity:1}
.cr-quiz.is-visible .cr-quiz__dialog{opacity:1;transform:none}
.cr-quiz__close{position:absolute;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--cr-ink);font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s}
.cr-quiz__close:hover{background:var(--cr-violet);color:#fff}
.cr-quiz__title{margin:0 0 40px;padding:0 40px;font-family:var(--cr-head);font-weight:var(--cr-head-w);font-size:40px;line-height:1.2;text-align:center;color:var(--cr-ink)}
.craftio-lang-ru .cr-quiz__title{font-size:48px;line-height:1.35}
.cr-quiz__body{max-width:640px;margin:0 auto}
.cr-quiz__counter{margin:0 0 16px;font-weight:500;font-size:14px;line-height:1;color:var(--cr-grey)}
.cr-quiz__q{margin:0 0 32px;font-weight:600;font-size:25px;line-height:1.2;color:var(--cr-ink)}
.cr-quiz__opts{display:flex;flex-direction:column;gap:16px;margin:0 0 36px;padding:0;border:0}
.cr-quiz__opt{position:relative;display:flex;align-items:center;gap:20px;min-height:56px;padding:12px 18px;border:1px solid rgba(0,0,0,.4);border-radius:8px;background:transparent;cursor:pointer;font-weight:600;font-size:22px;line-height:1.2;color:#000;transition:background .2s,border-color .2s,box-shadow .2s}
.cr-quiz__opt:hover{background:rgba(255,255,255,.6);border-color:rgba(138,77,253,.6)}
.cr-quiz__opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.cr-quiz__radio{flex:none;width:28px;height:28px;border:2px solid rgba(0,0,0,.4);border-radius:50%;display:grid;place-items:center;transition:border-color .2s}
.cr-quiz__radio::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--cr-violet);transform:scale(0);transition:transform .2s}
.cr-quiz__opt:has(input:checked){background:#fff;border-color:rgba(138,77,253,.4);box-shadow:0 6px 18px rgba(123,63,242,.08)}
.cr-quiz__opt input:checked + .cr-quiz__radio{border-color:var(--cr-violet)}
.cr-quiz__opt input:checked + .cr-quiz__radio::after{transform:scale(1)}
.cr-quiz__opt input:focus-visible + .cr-quiz__radio{outline:2px solid var(--cr-violet);outline-offset:3px}
.cr-quiz__progress{display:flex;align-items:center;gap:13px;margin:0 0 32px}
.cr-quiz__bar{flex:1 1 auto;height:13px;border-radius:8px;background:rgba(217,217,217,.6);overflow:hidden}
.cr-quiz__bar span{display:block;height:100%;border-radius:8px;background:var(--cr-violet);transition:width .35s ease}
.cr-quiz__pct{flex:none;min-width:40px;text-align:right;font-weight:500;font-size:14px;line-height:1;color:var(--cr-grey)}
.cr-quiz__nav{display:flex;align-items:center;gap:16px}
.cr-quiz__btn{flex:1 1 auto;min-height:56px;padding:12px 24px;border:0;border-radius:8px;background:var(--cr-yellow);font-family:var(--cr-body);font-weight:600;font-size:22px;line-height:1.2;color:#000;cursor:pointer;transition:background .2s,transform .1s,opacity .2s}
.cr-quiz__btn:hover:not(:disabled){background:#FFB733}
.cr-quiz__btn:active:not(:disabled){transform:translateY(1px)}
.cr-quiz__btn:disabled{opacity:.45;cursor:not-allowed}
.cr-quiz__back{flex:none;min-height:56px;padding:12px 22px;border:1px solid rgba(0,0,0,.25);border-radius:8px;background:transparent;font-family:var(--cr-body);font-weight:600;font-size:18px;color:var(--cr-ink);cursor:pointer}
.cr-quiz__back:hover{border-color:var(--cr-violet);color:var(--cr-violet)}
.cr-quiz__step{animation:cr-quiz-in .3s ease}
@keyframes cr-quiz-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.cr-quiz__result{text-align:center}
.cr-quiz__result-label{margin:0 0 12px;font-weight:500;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--cr-grey)}
.cr-quiz__result-score{margin:0 auto 20px;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cr-violet) calc(var(--p,0)*1%),rgba(217,217,217,.6) 0);font-weight:700;font-size:28px;color:var(--cr-ink);position:relative}
.cr-quiz__result-score::before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--cr-lav)}
.cr-quiz__result-score span{position:relative}
.cr-quiz__result-title{margin:0 0 16px;font-weight:600;font-size:28px;line-height:1.25;color:var(--cr-ink)}
.cr-quiz__result p{margin:0 0 12px;font-size:17px;line-height:1.6;color:var(--cr-ink-72)}
.cr-quiz__result .cr-quiz__nav{margin-top:28px;flex-wrap:wrap;justify-content:center}
.cr-quiz__result .cr-quiz__btn{flex:0 1 320px}

@media (max-width:899px){
	.cr-quiz{padding:12px}
	.cr-quiz__dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:56px 20px 24px;border-radius:24px}
	.cr-quiz__close{top:10px;right:10px;width:40px;height:40px;font-size:26px}
	.cr-quiz__title,.craftio-lang-ru .cr-quiz__title{margin-bottom:24px;padding:0;font-size:25px;line-height:1.2;text-align:left}
	.cr-quiz__counter{font-size:12px;margin-bottom:12px}
	.cr-quiz__q{font-size:18px;line-height:1.3;margin-bottom:20px}
	.cr-quiz__opts{gap:12px;margin-bottom:24px}
	.cr-quiz__opt{min-height:50px;gap:14px;padding:10px 14px;font-size:16px}
	.cr-quiz__radio{width:24px;height:24px}
	.cr-quiz__radio::after{width:10px;height:10px}
	.cr-quiz__progress{margin-bottom:20px}
	.cr-quiz__bar{height:10px}
	.cr-quiz__pct{font-size:12px}
	.cr-quiz__btn,.cr-quiz__back{min-height:50px;font-size:16px}
	.cr-quiz__back{padding:10px 16px}
	.cr-quiz__result-score{width:96px;height:96px;font-size:22px}
	.cr-quiz__result-title{font-size:22px}
	.cr-quiz__result p{font-size:15px}
	.cr-quiz__result .cr-quiz__btn{flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){.cr-quiz__step,.cr-quiz__dialog,.cr-quiz__backdrop{animation:none;transition:none}}
/* Чек-лист: защита кнопок от стилей темы (Kadence красит button:focus в синий) */
.cr-quiz .cr-quiz__btn,.cr-quiz .cr-quiz__btn:focus,.cr-quiz .cr-quiz__btn:active{background:var(--cr-yellow);color:#000;border:0;box-shadow:none;text-transform:none;letter-spacing:0}
.cr-quiz .cr-quiz__btn:hover:not(:disabled),.cr-quiz .cr-quiz__btn:focus-visible:not(:disabled){background:#FFB733;color:#000}
.cr-quiz .cr-quiz__btn:disabled,.cr-quiz .cr-quiz__btn:disabled:hover,.cr-quiz .cr-quiz__btn:disabled:focus{background:var(--cr-yellow);color:#000;opacity:.45}
.cr-quiz .cr-quiz__back,.cr-quiz .cr-quiz__back:focus,.cr-quiz .cr-quiz__back:active{background:transparent;color:var(--cr-ink);border:1px solid rgba(0,0,0,.25);box-shadow:none;text-transform:none;letter-spacing:0}
.cr-quiz .cr-quiz__back:hover{background:#fff;border-color:var(--cr-violet);color:var(--cr-violet)}
.cr-quiz .cr-quiz__close,.cr-quiz .cr-quiz__close:focus,.cr-quiz .cr-quiz__close:active{background:#fff;color:var(--cr-ink);border:0;box-shadow:none;padding:0}
.cr-quiz .cr-quiz__close:hover{background:var(--cr-violet);color:#fff}
.cr-quiz .cr-quiz__result .cr-quiz__result-title{font-family:var(--cr-head);font-weight:var(--cr-head-w);font-size:28px;line-height:1.25;color:var(--cr-ink);margin:0 0 16px}
.cr-quiz__title{font-size:36px}
.craftio-lang-ru .cr-quiz__title{font-size:44px;line-height:1.2}
.cr-quiz__dialog{padding-top:56px;padding-bottom:48px}
@media (max-width:899px){
	.cr-quiz .cr-quiz__result .cr-quiz__result-title{font-size:22px}
	.cr-quiz__title,.craftio-lang-ru .cr-quiz__title{font-size:25px}
	.cr-quiz__dialog{padding-top:56px;padding-bottom:24px}
}

/* =====================================================================
   Чек-лист — компактное «резиновое» окно (23.10.2026)
   Ширина, отступы и шрифты плавно зависят от ширины И высоты окна браузера
   (clamp + min(vw, vh)), поэтому окно всегда помещается и масштабируется.
   ===================================================================== */
.cr-quiz{--qs:min(1vw,1.65vh);padding:clamp(10px,2vw,24px)}
.cr-quiz__dialog,.cr-quiz .cr-quiz__dialog{
	width:100%;
	max-width:clamp(320px,calc(42vw + 40px),640px);
	max-height:calc(100dvh - 2*clamp(10px,2vw,24px));
	padding:clamp(44px,calc(var(--qs)*4.2),56px) clamp(18px,calc(var(--qs)*3.4),44px) clamp(20px,calc(var(--qs)*3),36px);
	border-radius:clamp(18px,calc(var(--qs)*2),28px);
}
.cr-quiz .cr-quiz__close{top:clamp(8px,calc(var(--qs)*1.2),16px);right:clamp(8px,calc(var(--qs)*1.2),16px);width:clamp(34px,calc(var(--qs)*3),40px);height:clamp(34px,calc(var(--qs)*3),40px);font-size:clamp(22px,calc(var(--qs)*2),26px)}
.cr-quiz .cr-quiz__title,.craftio-lang-ru .cr-quiz .cr-quiz__title{margin:0 0 clamp(16px,calc(var(--qs)*2.4),28px);padding:0 clamp(24px,calc(var(--qs)*3),36px);font-size:clamp(21px,calc(var(--qs)*2.5),32px);line-height:1.2;text-align:center}
.cr-quiz .cr-quiz__body{max-width:none}
.cr-quiz .cr-quiz__counter{margin-bottom:clamp(8px,calc(var(--qs)*1),12px);font-size:clamp(11px,calc(var(--qs)*.95),13px)}
.cr-quiz .cr-quiz__q{margin-bottom:clamp(14px,calc(var(--qs)*1.8),22px);font-size:clamp(16px,calc(var(--qs)*1.55),20px);line-height:1.3}
.cr-quiz .cr-quiz__opts{gap:clamp(8px,calc(var(--qs)*1),12px);margin-bottom:clamp(16px,calc(var(--qs)*2),24px)}
.cr-quiz .cr-quiz__opt{min-height:clamp(42px,calc(var(--qs)*3.8),50px);gap:clamp(10px,calc(var(--qs)*1.2),16px);padding:clamp(8px,calc(var(--qs)*.8),10px) clamp(12px,calc(var(--qs)*1.3),16px);font-size:clamp(15px,calc(var(--qs)*1.35),18px)}
.cr-quiz .cr-quiz__radio{width:clamp(20px,calc(var(--qs)*1.8),24px);height:clamp(20px,calc(var(--qs)*1.8),24px)}
.cr-quiz .cr-quiz__radio::after{width:clamp(8px,calc(var(--qs)*.8),10px);height:clamp(8px,calc(var(--qs)*.8),10px)}
.cr-quiz .cr-quiz__progress{margin-bottom:clamp(14px,calc(var(--qs)*1.8),22px)}
.cr-quiz .cr-quiz__bar{height:clamp(8px,calc(var(--qs)*.8),10px)}
.cr-quiz .cr-quiz__pct{font-size:clamp(11px,calc(var(--qs)*.95),13px)}
.cr-quiz .cr-quiz__btn,.cr-quiz .cr-quiz__back{min-height:clamp(42px,calc(var(--qs)*3.8),50px);font-size:clamp(15px,calc(var(--qs)*1.35),18px);padding:8px clamp(14px,calc(var(--qs)*1.6),22px)}
.cr-quiz .cr-quiz__result-label{font-size:clamp(11px,calc(var(--qs)*.95),13px);margin-bottom:clamp(8px,calc(var(--qs)*1),12px)}
.cr-quiz .cr-quiz__result-score{width:clamp(76px,calc(var(--qs)*7.5),100px);height:clamp(76px,calc(var(--qs)*7.5),100px);font-size:clamp(18px,calc(var(--qs)*1.8),24px);margin-bottom:clamp(12px,calc(var(--qs)*1.5),18px)}
.cr-quiz .cr-quiz__result-score::before{inset:clamp(8px,calc(var(--qs)*.9),11px)}
.cr-quiz .cr-quiz__result .cr-quiz__result-title{font-size:clamp(19px,calc(var(--qs)*1.9),24px);margin-bottom:clamp(10px,calc(var(--qs)*1.2),14px)}
.cr-quiz .cr-quiz__result p{font-size:clamp(14px,calc(var(--qs)*1.15),16px);line-height:1.55;margin-bottom:10px}
.cr-quiz .cr-quiz__result .cr-quiz__nav{margin-top:clamp(16px,calc(var(--qs)*2),24px)}
.cr-quiz .cr-quiz__result .cr-quiz__btn{flex:1 1 220px}
@media (max-width:599px){
	.cr-quiz .cr-quiz__title,.craftio-lang-ru .cr-quiz .cr-quiz__title{text-align:left;padding:0 36px 0 0}
	.cr-quiz .cr-quiz__result .cr-quiz__btn{flex:1 1 100%}
}
@media (max-width:599px){.cr-quiz .cr-quiz__dialog{max-width:100%}}
/* Чек-лист: шкала «потребность в редизайне», шаг с e-mail */
.cr-quiz .cr-quiz__result-score{background:conic-gradient(from 0deg,#8A4DFD 0,#5F00DF calc(var(--p,0)*1%),rgba(217,217,217,.6) 0)}
.cr-quiz .cr-quiz__meter{margin:0 0 4px;font-weight:600;font-size:clamp(14px,calc(var(--qs)*1.15),16px);color:var(--cr-ink)}
.cr-quiz .cr-quiz__meter-hint{margin:0 0 clamp(14px,calc(var(--qs)*1.6),20px);font-size:clamp(12px,calc(var(--qs)*1),13px);line-height:1.4;color:var(--cr-grey)}
.cr-quiz .cr-quiz__sent{color:var(--cr-violet);font-weight:500}
.cr-quiz__mail-text{margin:0 0 clamp(14px,calc(var(--qs)*1.6),20px);font-size:clamp(14px,calc(var(--qs)*1.15),16px);line-height:1.5;color:var(--cr-ink-72)}
.cr-quiz__mail-form{display:flex;flex-direction:column;gap:clamp(10px,calc(var(--qs)*1.2),14px)}
.cr-quiz .cr-quiz__input{width:100%;min-height:clamp(42px,calc(var(--qs)*3.8),50px);padding:8px 16px;border:1px solid rgba(0,0,0,.4);border-radius:8px;background:#fff;font-family:var(--cr-body);font-size:clamp(15px,calc(var(--qs)*1.35),18px);color:var(--cr-ink);box-shadow:none;outline:0}
.cr-quiz .cr-quiz__input:focus{border-color:var(--cr-violet);box-shadow:0 0 0 3px rgba(138,77,253,.15)}
.cr-quiz__hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.cr-quiz__consent{display:flex;align-items:flex-start;gap:10px;font-size:clamp(13px,calc(var(--qs)*1.05),15px);line-height:1.45;color:var(--cr-ink-72);cursor:pointer}
.cr-quiz__consent input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:#8A4DFD}
.cr-quiz__consent a{color:var(--cr-violet);text-decoration:underline}
.cr-quiz__err{margin:0;font-size:13px;color:#B42318}
.cr-quiz .cr-quiz__skip,.cr-quiz .cr-quiz__skip:focus,.cr-quiz .cr-quiz__skip:hover{align-self:center;margin-top:2px;padding:6px 8px;border:0;background:none;box-shadow:none;font-family:var(--cr-body);font-size:clamp(13px,calc(var(--qs)*1.05),15px);color:var(--cr-grey);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-transform:none;letter-spacing:0}
.cr-quiz .cr-quiz__skip:hover{color:var(--cr-violet)}

/* =====================================================================
   Блок «Заполните бриф» (после раздела услуг) — как карточка чек-листа
   ===================================================================== */
.cr-s-brief{background:var(--cr-white);padding-bottom:0}
.cr-brief-card .cr-check-card__text-wrap{max-width:760px}
.cr-brief-note{margin-top:14px!important;padding:0 32px;font-size:14px;line-height:1.5;color:var(--cr-ink-72)}
@media (max-width:899px){
	.cr-s-brief{padding-top:56px}
	.cr-brief-note{padding:0 4px;font-size:13px}
	.cr-brief-card .cr-check-card__icon{background:linear-gradient(90deg,#8F5CFF 0%,#6B3CC4 100%)}
	.cr-brief-card .cr-check-card__icon::after{content:"";width:12px;height:15px;border:2px solid var(--cr-cream);border-radius:2px;background:linear-gradient(var(--cr-cream),var(--cr-cream)) 2px 4px/6px 1.5px no-repeat,linear-gradient(var(--cr-cream),var(--cr-cream)) 2px 7px/6px 1.5px no-repeat}
}

/* =====================================================================
   Страница брифа
   ===================================================================== */
.cr-brief-hero{min-height:0}
.cr-brief-hero__inner{display:flex;flex-direction:column;gap:20px;padding-top:28px;padding-bottom:72px;max-width:calc(var(--cr-wrap) + 2*var(--cr-pad))}
.cr-eyebrow--light{color:rgba(253,255,239,.78)}
.cr-page .cr-brief-hero__title{font-family:var(--cr-head);font-weight:var(--cr-head-w);font-size:50px;line-height:1.15;color:var(--cr-white);max-width:900px}
.cr-brief-hero__sub{font-size:20px;line-height:1.4;font-weight:500;color:var(--cr-white)}
.cr-brief-hero__text{font-size:16px;line-height:1.6;color:rgba(253,255,239,.78);max-width:788px}
.cr-s-brief-form{background:var(--cr-lav)}
.cr-brief{display:flex;flex-direction:column;gap:32px;max-width:900px;margin:0 auto}
.cr-brief__notice{padding:14px 18px;border-radius:14px;background:#FFE7E4;color:#8A1C10;font-size:15px}
.cr-brief__progress{position:sticky;top:12px;z-index:5;display:flex;align-items:center;gap:14px;padding:12px 18px;border-radius:999px;background:rgba(253,252,255,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:var(--cr-shadow)}
.cr-brief__progress-label,.cr-brief__pct{flex:none;font-size:13px;font-weight:500;color:var(--cr-grey)}
.cr-brief__bar{flex:1 1 auto;height:8px;border-radius:8px;background:rgba(217,217,217,.6);overflow:hidden}
.cr-brief__bar span{display:block;width:0;height:100%;border-radius:8px;background:linear-gradient(90deg,#8A4DFD,#5F00DF);transition:width .3s ease}
.cr-brief__section{margin:0;padding:36px 40px;border:0;border-radius:28px;background:var(--cr-white);box-shadow:var(--cr-shadow);display:flex;flex-direction:column;gap:32px;min-width:0}
.cr-brief__section-title{float:left;width:100%;display:flex;align-items:center;gap:14px;margin:0;padding:0;font-family:var(--cr-head);font-weight:var(--cr-head-w);font-size:25px;line-height:1.25;color:var(--cr-ink)}
.cr-brief__section-title + *{clear:both}
.cr-brief__section-num{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cr-lav);font-family:var(--cr-body);font-weight:600;font-size:16px;color:var(--cr-violet)}
.cr-brief__q{display:flex;flex-direction:column;gap:6px}
.cr-brief__label{margin:0;font-weight:600;font-size:18px;line-height:1.35;color:var(--cr-ink)}
.cr-brief__hint{margin:0 0 8px;font-size:13px;line-height:1.3;color:var(--cr-grey)}
.cr-brief__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cr-brief__opt{position:relative;display:flex;align-items:center;gap:12px;min-height:50px;padding:10px 14px;border:1px solid var(--cr-line);border-radius:12px;background:var(--cr-lav-2);cursor:pointer;font-size:15px;line-height:1.35;color:var(--cr-ink);transition:border-color .2s,background .2s,box-shadow .2s}
.cr-brief__opt:hover{border-color:rgba(138,77,253,.5);background:#fff}
.cr-brief__opt input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.cr-brief__mark{flex:none;width:20px;height:20px;border:1.5px solid rgba(13,9,22,.4);border-radius:50%;display:grid;place-items:center;background:#fff;transition:border-color .2s,background .2s}
.cr-brief__opts--check .cr-brief__mark,.cr-brief__mark--check{border-radius:6px}
.cr-brief__opt:has(input:checked){border-color:rgba(138,77,253,.55);background:#fff;box-shadow:0 6px 16px rgba(123,63,242,.10)}
.cr-brief__opt input:checked + .cr-brief__mark{border-color:var(--cr-violet)}
.cr-brief__opts--radio input:checked + .cr-brief__mark::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--cr-violet)}
.cr-brief__opts--check input:checked + .cr-brief__mark,.cr-brief__consent input:checked + .cr-brief__mark{background:var(--cr-violet);border-color:var(--cr-violet)}
.cr-brief__opts--check input:checked + .cr-brief__mark::after,.cr-brief__consent input:checked + .cr-brief__mark::after{content:"";width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg)}
.cr-brief__opt input:focus-visible + .cr-brief__mark,.cr-brief__consent input:focus-visible + .cr-brief__mark{outline:2px solid var(--cr-violet);outline-offset:2px}
.cr-page .cr-brief__other,.cr-page .cr-brief__text,.cr-page .cr-brief__field input{display:block;width:100%;margin:0;padding:12px 16px;border:1px solid var(--cr-line);border-radius:12px;background:var(--cr-lav-2);font-family:var(--cr-body);font-size:15px;line-height:1.45;color:var(--cr-ink);box-shadow:none;outline:0;transition:border-color .2s,background .2s,box-shadow .2s}
.cr-page .cr-brief__other{grid-column:1/-1}
.cr-page .cr-brief__other[hidden]{display:none}
.cr-page .cr-brief__text{min-height:96px;resize:vertical}
.cr-page .cr-brief__field input{min-height:52px}
.cr-page .cr-brief__other:focus,.cr-page .cr-brief__text:focus,.cr-page .cr-brief__field input:focus{border-color:var(--cr-violet);background:#fff;box-shadow:0 0 0 3px rgba(138,77,253,.15)}
.cr-page .cr-brief__field input.is-error{border-color:#D92D20;background:#FFF6F5}
.cr-brief__contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cr-brief__field{display:block;margin:0}
.cr-brief__consent{position:relative;display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:15px;line-height:1.45;color:var(--cr-ink-72)}
.cr-brief__consent input{position:absolute;opacity:0;width:1px;height:1px}
.cr-brief__consent .cr-brief__mark{margin-top:1px}
.cr-brief__consent.is-error .cr-brief__mark{border-color:#D92D20}
.cr-brief__consent a{color:var(--cr-violet);text-decoration:underline}
.cr-brief__error{margin:0;font-size:14px;color:#B42318}
.cr-brief__note{margin:0;padding:14px 18px;border-radius:14px;background:var(--cr-lav);font-size:14px;line-height:1.5;color:var(--cr-ink-72)}
.cr-page .cr-brief__submit,.cr-page .cr-brief__submit:focus{align-self:flex-start;min-width:280px;min-height:56px;padding:16px 36px;border:0;border-radius:999px;font-family:var(--cr-body);font-weight:600;font-size:16px;color:#FDFCFF;cursor:pointer;background-color:#6A2BEF;background-image:linear-gradient(90deg,#9A5BFF 0%,#7B3FF2 20%,#5A23C8 40%,#7B3FF2 60%,#9A5BFF 80%,#B07CFF 90%,#9A5BFF 100%);background-size:200% 100%;animation:cr-grad-wave 5s linear infinite;box-shadow:none;text-transform:none;letter-spacing:0}
.cr-page .cr-brief__submit:hover{background-image:none;background-color:#5F00DF;animation:none;box-shadow:0 10px 26px rgba(95,0,223,.35)}
.cr-brief-done{max-width:720px;margin:0 auto;padding:56px 48px;border-radius:28px;background:var(--cr-white);box-shadow:var(--cr-shadow);text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.cr-brief-done__icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#8A4DFD,#522E97);color:#fff;font-size:34px;font-weight:700}
.cr-page .cr-brief-done__title{font-family:var(--cr-head);font-weight:var(--cr-head-w);font-size:30px;line-height:1.25;color:var(--cr-ink)}
.cr-brief-done p{font-size:16px;line-height:1.6;color:var(--cr-ink-72)}
.cr-page a.cr-brief-done__btn{margin-top:8px;background:var(--cr-lav)}
@media (max-width:899px){
	.cr-brief-hero__inner{gap:14px;padding:24px 20px 48px}
	.cr-page .cr-brief-hero__title{font-size:28px;line-height:1.2}
	.cr-brief-hero__sub{font-size:16px}
	.cr-brief-hero__text{font-size:14px}
	.cr-brief{gap:20px}
	.cr-brief__progress{top:8px;padding:10px 14px}
	.cr-brief__section{padding:24px 18px;border-radius:20px;gap:24px}
	.cr-brief__section-title{font-size:20px;gap:10px}
	.cr-brief__section-num{width:36px;height:36px;font-size:14px}
	.cr-brief__label{font-size:16px}
	.cr-brief__opts,.cr-brief__contact{grid-template-columns:1fr}
	.cr-brief__opt{min-height:46px;font-size:14px}
	.cr-page .cr-brief__submit{width:100%;min-width:0}
	.cr-brief-done{padding:36px 20px}
	.cr-page .cr-brief-done__title{font-size:22px}
}
/* Бриф внутри раздела кейсов: сразу после карточки «Сайт уже есть» */
.cr-brief-block{display:flex;flex-direction:column}
.cr-s2 .cr-brief-card{background:var(--cr-white);box-shadow:var(--cr-shadow);border-radius:28px;padding:29px 40px}
@media (max-width:899px){.cr-s2 .cr-brief-card{border-radius:20px;padding:24px;background:#fff}}

/* ---- Юридические страницы (Impressum, Datenschutz, AGB) ---- */
.cr-legal-hero .cr-brief-hero__inner{padding-bottom:64px}
.cr-s-legal{background:var(--cr-white)}
.cr-legal-text{max-width:860px;font-family:var(--cr-body);font-size:16px;line-height:1.7;color:var(--cr-ink)}
.cr-legal-text .craftio-legal>h1,.cr-legal-text>h1{display:none}
.cr-legal-text h2{font-family:var(--cr-head);font-weight:var(--cr-head-w);font-size:24px;line-height:1.3;color:var(--cr-ink);margin:48px 0 16px}
.cr-legal-text h3{font-family:var(--cr-body);font-weight:600;font-size:18px;line-height:1.4;color:var(--cr-ink);margin:28px 0 10px}
.cr-legal-text h2:first-child,.cr-legal-text .craftio-legal>h1+h2{margin-top:0}
.cr-legal-text p{margin:0 0 14px}
.cr-legal-text strong{font-weight:600}
.cr-legal-text a{color:var(--cr-violet);text-decoration:underline;text-underline-offset:2px;word-break:break-word}
.cr-legal-text a:hover{color:var(--cr-footer)}
@media (max-width:899px){
	.cr-legal-hero .cr-brief-hero__inner{padding-bottom:40px}
	.cr-legal-text{font-size:15px;line-height:1.65}
	.cr-legal-text h2{font-size:20px;margin:36px 0 12px}
	.cr-legal-text h3{font-size:16px}
}

/* ---- Закреплённая шапка ---- */
html{scroll-padding-top:96px}
.cr-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:height .25s ease}
.cr-header::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(90deg,#6B3BC4 0%,#522E97 100%);box-shadow:0 8px 24px rgba(13,9,22,.16);opacity:0;transition:opacity .25s ease;pointer-events:none;z-index:-1}
.cr-header.is-scrolled::before,.cr-header.is-open::before{opacity:1}
.cr-header.is-scrolled{height:84px}
.cr-hero{padding-top:120px}
.admin-bar .cr-header{top:32px}
@media (max-width:899px){
	html{scroll-padding-top:72px}
	.cr-hero{padding-top:70px}
	.cr-header.is-scrolled{height:64px}
	.cr-nav{top:100%}
}
@media (max-width:782px){
	.admin-bar .cr-header{top:46px}
}
@media (prefers-reduced-motion:reduce){
	.cr-header,.cr-header::before{transition:none}
}

/* ---- Seite 404 ---- */
.cr-404-hero .cr-brief-hero__inner{gap:12px;padding-bottom:64px}
.cr-page .cr-404__code{margin:0;font-family:var(--cr-head);font-weight:700;font-size:clamp(96px,12vw,168px);line-height:.95;letter-spacing:-.02em;color:transparent;background:linear-gradient(180deg,#FFFFFF 0%,rgba(242,239,255,.45) 100%);-webkit-background-clip:text;background-clip:text}
.cr-page .cr-404-hero .cr-brief-hero__title{font-size:40px;line-height:1.2}
.cr-s-404{padding-block:64px}
.cr-404__lead{font-size:18px;line-height:1.5;color:var(--cr-ink);margin:0 0 24px}
.cr-404__actions{display:flex;flex-wrap:wrap;gap:16px;margin:0 0 28px}
.cr-404__actions .cr-btn{display:block;min-height:0;padding:0;background:none}
.cr-404__actions .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:16px 36px;border-radius:999px;font-size:16px;font-weight:600;text-decoration:none}
.cr-404__actions .cr-btn--grad .wp-block-button__link{min-width:260px;background:var(--cr-grad-btn);color:var(--cr-white)}
.cr-404__alt{font-size:14px;color:var(--cr-grey);margin:0}
.cr-404__alt a{color:var(--cr-violet)}
@media (max-width:899px){
	.cr-404-hero .cr-brief-hero__inner{padding-bottom:40px}
	.cr-page .cr-404-hero .cr-brief-hero__title{font-size:26px}
	.cr-s-404{padding-block:40px}
	.cr-404__lead{font-size:16px}
	.cr-404__actions{flex-direction:column;align-items:stretch}
	.cr-404__actions .wp-block-button__link{width:100%}
}