@font-face { font-family: Mont; src: url("assets/montserrat-cyrillic.woff2") format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+400-52F, U+2DE0-2DFF, U+A640-A69F; }
@font-face { font-family: Mont; src: url("assets/montserrat-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0-3FF, U+2000-206F, U+20AC, U+2116; }
:where(.intro) *{box-sizing: border-box;}
.intro{margin: 0px; color: rgb(39, 45, 43); background: rgb(252, 250, 247); font-family: Mont, Arial, sans-serif; --accent: #99472f; --deep: #663020; --soft: #f7e8df; --bg: #fcfaf7;}
:where(.intro) .hero{position: relative; isolation: isolate; min-height: 900px; padding: 40px 5.55% 42px; overflow: hidden;}
:where(.intro) .visual{position: absolute; z-index: -1; right: 0px; top: 0px; width: 56%; height: 100%; margin: 0px;}
:where(.intro) .visual img{width: 100%; height: 100%; object-fit: cover; object-position: 70% center;}
:where(.intro) .visual::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg,var(--bg),transparent 36%),linear-gradient(0deg,var(--bg),transparent 13%);}
:where(.intro) .art .visual{width: 54%; top: 120px; bottom: 0px; height: auto;}
:where(.intro) .art .visual img{object-fit: contain; object-position: center center;}
:where(.intro) .art .visual::after{background: linear-gradient(90deg,var(--bg),transparent 16%),linear-gradient(0deg,var(--bg),transparent 12%),linear-gradient(180deg,var(--bg),transparent 15%);}
:where(.intro) .brand{font-size: 19px; font-weight: 750; display: flex; gap: 8px; align-items: center; margin-bottom: 22px; letter-spacing: -0.5px;}
:where(.intro) .brand-symbol{width: 25px; height: 25px; border: 4px double var(--accent); border-radius: 50%; display: inline-grid; place-items: center; font-size: 11px; color: var(--accent);}
:where(.intro) .meta{display: flex; gap: 22px; align-items: center; font-size: 14px; font-weight: 550; margin-bottom: 30px;}
:where(.intro) .meta-item{display: flex; gap: 9px; align-items: center;}
:where(.intro) .meta svg{width: 23px; height: 23px; flex: 0 0 auto; color: var(--accent);}
:where(.intro) .meta-item + .meta-item{border-left: 1px solid rgb(183, 189, 182); padding-left: 22px;}
:where(.intro) .copy{width: 55%; max-width: 735px;}
:where(.intro) h1{margin: 0px 0px 18px; color: var(--accent); font-size: 53px; line-height: 1.06; letter-spacing: -1.7px; font-weight: 800;}
:where(.intro) h1 span{font-size: 31px; letter-spacing: 0.02em; display: block; margin-bottom: 7px; font-weight: 650;}
:where(.intro) .question{font-size: 28px; line-height: 1.25; font-weight: 600; max-width: 650px; margin: 0px 0px 22px; letter-spacing: -0.6px;}
:where(.intro) .explanation{background: color-mix(in srgb,var(--soft) 86%,white); border-radius: 18px; padding: 21px 24px; margin-bottom: 23px;}
:where(.intro) .explanation p{font-size: 18px; line-height: 1.5; margin: 0px;}
:where(.intro) .explanation p + p{margin-top: 12px;}
:where(.intro) .explanation strong{font-weight: 750;}
:where(.intro) .cta{display: block; width: 92%; border: 0px; border-radius: 16px; min-height: 72px; padding: 17px 20px; color: white; background: linear-gradient(105deg,var(--accent),var(--deep)); box-shadow: 0 6px 0 var(--deep),0 13px 23px #2d24451a; font: 750 20px / 1.3 Mont, Arial, sans-serif; cursor: pointer; text-align: center;}
:where(.intro) .cta:hover{filter: brightness(1.08);}
:where(.intro) .cta:active{transform: translateY(3px); box-shadow: 0 3px 0 var(--deep);}
:where(.intro) .cta:focus-visible{outline: 3px solid var(--accent); outline-offset: 9px;}
:where(.intro) .bonus{margin-top: 29px; background: rgba(255, 247, 217, 0.933); border-radius: 18px; padding: 20px 150px 20px 22px; min-height: 160px; position: relative;}
:where(.intro) .bonus-lead{display: flex; align-items: center; gap: 10px; font-size: 16px; font-weight: 550; line-height: 1.35; margin-bottom: 12px;}
:where(.intro) .bonus-lead svg{width: 29px; height: 29px; color: rgb(169, 118, 22); flex: 0 0 auto;}
:where(.intro) .bonus-lead b{color: var(--accent); font-weight: 750;}
:where(.intro) .bonus-bottom{display: flex; align-items: center; gap: 16px;}
:where(.intro) .bonus-text{font-size: 14px; line-height: 1.4; margin: 0px; max-width: 265px;}
:where(.intro) .timer{display: flex; gap: 5px; align-items: center; color: var(--accent); font-size: 19px; flex: 0 0 auto;}
:where(.intro) .timer span{border-radius: 50%; width: 45px; height: 45px; display: grid; place-items: center; background: var(--accent); color: white; font-weight: 500;}
:where(.intro) .book{position: absolute; width: 109px; min-height: 151px; right: 22px; bottom: 15px; border-radius: 2px 6px 6px 2px; padding: 13px 10px 10px 16px; background: linear-gradient(100deg,var(--deep) 7%,var(--accent) 8%,var(--deep) 15%,var(--accent)); box-shadow: rgba(81, 64, 35, 0.19) 5px 8px 9px, rgb(237, 229, 211) 4px 0px 0px; transform: rotate(-5deg); color: rgb(255, 243, 203); text-align: center; font-family: Georgia, serif; font-size: 10px; line-height: 1.2;}
:where(.intro) .seal{width: 61px; height: 61px; border: 1px solid rgb(227, 199, 129); border-radius: 50%; display: grid; place-items: center; font-size: 32px; margin: 10px auto 0px; position: relative;}
:where(.intro) .seal::before{content: ""; position: absolute; inset: 6px; border: 1px solid rgb(227, 199, 129); transform: rotate(45deg);}
:where(.intro) .speaker-name{position: absolute; right: 35px; bottom: 40px; background: rgba(255, 255, 255, 0.8); padding: 11px 19px; border-radius: 12px; font-size: 16px; font-weight: 650; z-index: 1;}
:where(.intro) .demo-note{position: fixed; bottom: 14px; left: 50%; transform: translateX(-50%); padding: 14px 20px; border-radius: 10px; background: rgb(37, 43, 41); color: white; font: 14px / 1.4 Mont, Arial; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 24px; width: min(90%, 460px); z-index: 10;}
:where(.intro) .demo-note[hidden]{display: none;}
@media (max-width: 900px) {:where(.intro) .hero{padding: 25px 25px 32px; min-height: 0px; display: flex; flex-direction: column; overflow: hidden;}
:where(.intro) .brand{display: none;}
:where(.intro) .meta{justify-content: center; gap: 10px; flex-wrap: wrap; font-size: 11px; margin-bottom: 23px; line-height: 1.3;}
:where(.intro) .meta-item{gap: 5px;}
:where(.intro) .meta-item + .meta-item{padding-left: 10px;}
:where(.intro) .meta svg{width: 17px; height: 17px;}
:where(.intro) .meta-item:last-child{border: 0px; padding-left: 0px; flex-basis: 100%; justify-content: center;}
:where(.intro) .copy{display: contents;}
:where(.intro) .heading{order: 1; text-align: center;}
:where(.intro) h1{font-size: 31px; line-height: 1.08; letter-spacing: -0.8px; margin-bottom: 16px;}
:where(.intro) h1 span{font-size: 20px; margin-bottom: 7px;}
:where(.intro) .question{font-size: 22px; line-height: 1.28; font-weight: 650; margin: 0px 0px 19px; letter-spacing: -0.3px;}
:where(.intro) .explanation{order: 2; padding: 18px 19px; margin: 0px; border-radius: 17px; text-align: center;}
:where(.intro) .explanation p{font-size: 15px; line-height: 1.48;}
:where(.intro) .explanation p + p{margin-top: 12px;}
:where(.intro) .visual,:where(.intro) .art .visual{order: 3; position: relative; z-index: 0; top: auto; right: auto; bottom: auto; width: calc(100% + 50px); height: 270px; margin: 0px -25px;}
:where(.intro) .visual img{object-fit: cover; object-position: 69% 46%;}
:where(.intro) .visual::after{background: linear-gradient(0deg,var(--bg),transparent 17%),linear-gradient(180deg,var(--bg),transparent 12%);}
:where(.intro) .art .visual{height: 340px;}
:where(.intro) .art .visual img{object-fit: cover; object-position: center 55%;}
:where(.intro) .art .visual::after{background: linear-gradient(0deg,var(--bg),transparent 12%),linear-gradient(180deg,var(--bg),transparent 10%);}
:where(.intro) .cta{order: 4; width: 100%; font-size: 18px; min-height: 65px; padding: 16px 18px; position: relative; z-index: 1; margin-top: -5px; border-radius: 14px;}
:where(.intro) .bonus{order: 5; padding: 0px; background: linear-gradient(to top, rgb(255, 247, 217) 148px, transparent 148px); min-height: 0px; margin-top: 25px; display: grid; grid-template-columns: 100px minmax(0px, 1fr); gap: 0px;}
:where(.intro) .bonus-lead{grid-column: 1 / -1; background: var(--soft); border-radius: 14px; padding: 14px 104px 14px 14px; min-height: 76px; font-size: 13px; margin: 0px 0px 7px; gap: 7px;}
:where(.intro) .bonus-lead svg{width: 25px; height: 25px;}
:where(.intro) .bonus-bottom{display: contents;}
:where(.intro) .timer{position: absolute; right: 11px; top: 20px; gap: 3px; font-size: 16px;}
:where(.intro) .timer span{width: 34px; height: 34px; font-size: 14px;}
:where(.intro) .bonus-text{grid-column: 2; background: rgb(255, 247, 217); border-radius: 0px 14px 14px 0px; max-width: none; padding: 24px 12px 22px 10px; min-height: 148px; display: flex; align-items: center; font-size: 13px; line-height: 1.45;}
:where(.intro) .book{position: relative; grid-area: 2 / 1; right: auto; bottom: auto; margin: 13px 11px 13px 13px; width: 76px; min-height: 120px; font-size: 8px; padding: 11px 5px 9px 10px; align-self: center;}
:where(.intro) .book::after{display: none; content: ""; position: absolute; z-index: -1; inset: -13px -11px -13px -13px; background: rgb(255, 247, 217); transform: rotate(5deg); border-radius: 14px 0px 0px 14px;}
:where(.intro) .seal{width: 46px; height: 46px; font-size: 26px; margin-top: 9px;}
:where(.intro) .speaker-name{display: none;}
:where(.intro) .meta{order: 0;}}
@media (min-width: 901px) and (max-width: 1200px) {:where(.intro) .hero{padding: 30px 4%;}
:where(.intro) .copy{width: 59%;}
:where(.intro) h1{font-size: 43px;}
:where(.intro) .question{font-size: 25px;}
:where(.intro) .explanation p{font-size: 17px;}
:where(.intro) .meta{font-size: 12px; gap: 13px;}
:where(.intro) .meta-item + .meta-item{padding-left: 13px;}
:where(.intro) .bonus{padding-right: 120px;}
:where(.intro) .book{right: 15px; width: 90px;}
:where(.intro) .bonus-bottom{gap: 8px;}
:where(.intro) .timer span{width: 36px; height: 36px;}
:where(.intro) .bonus-text{font-size: 12px;}
:where(.intro) .bonus-lead{font-size: 14px;}
:where(.intro) .speaker-name{right: 20px; font-size: 13px;}}
@media (max-width: 360px) {:where(.intro) .hero{padding-inline: 19px;}
:where(.intro) .visual,:where(.intro) .art .visual{width: calc(100% + 38px); margin-inline: -19px;}
:where(.intro) h1{font-size: 28px;}
:where(.intro) .question{font-size: 21px;}
:where(.intro) .explanation{padding: 16px 14px;}
:where(.intro) .explanation p{font-size: 14px;}
:where(.intro) .bonus-lead{padding-right: 99px;}
:where(.intro) .bonus-text{font-size: 12px;}
:where(.intro) .meta{gap: 7px;}
:where(.intro) .meta-item + .meta-item{padding-left: 7px;}}
@media (prefers-reduced-motion: reduce) {:where(.intro) *{transition: none !important;}}
@font-face { font-family: Mont; src: url("assets/montserrat-cyrillic.woff2") format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+400-52F, U+2DE0-2DFF, U+A640-A69F; }
@font-face { font-family: Mont; src: url("assets/montserrat-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap; unicode-range: U+0-3FF, U+2000-206F, U+20AC, U+2116; }
:where(.body-block) *{box-sizing: border-box;}
.body-block{margin: 0px; font: 18px / 1.55 Mont, Arial, sans-serif; color: rgb(39, 45, 43); background: rgb(252, 250, 247); --accent: #99472f; --deep: #663020; --soft: #f7e8df; --gold: #fff7d9;}
:where(.body-block) .hero{padding: 76px 80px 80px; min-height: 0px;}
:where(.body-block) .hero.s03,:where(.body-block) .hero.s05,:where(.body-block) .hero.s07,:where(.body-block) .hero.s09{background: rgb(247, 232, 223);}
:where(.body-block) h2{font-size: 40px; line-height: 1.17; letter-spacing: -1.1px; font-weight: 750; color: var(--accent); margin: 0px 0px 42px; max-width: 1110px;}
:where(.body-block) h3{font-size: 23px; line-height: 1.3; letter-spacing: -0.4px; margin: 0px 0px 12px; font-weight: 700;}
:where(.body-block) p{margin: 0px 0px 18px;}
:where(.body-block) p:last-child{margin-bottom: 0px;}
:where(.body-block) button,:where(.body-block) input{font: inherit;}
:where(.body-block) .action{display: block; margin: 34px auto 6px; max-width: 520px; width: 100%; min-height: 70px; border: 0px; border-radius: 15px; color: white; background: linear-gradient(105deg,var(--accent),var(--deep)); box-shadow: 0 6px 0 var(--deep),0 13px 23px #2d24451a; font-weight: 750; font-size: 20px; line-height: 1.3; padding: 16px 24px; cursor: pointer;}
:where(.body-block) .action:hover{filter: brightness(1.08);}
:where(.body-block) button:focus-visible,:where(.body-block) input:focus-visible{outline: 3px solid var(--accent); outline-offset: 5px;}
:where(.body-block) .action:active{transform: translateY(2px);}
:where(.body-block) .audience-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 18px;}
:where(.body-block) .audience-card{display: flex; gap: 17px; padding: 25px 27px; background: white; border-radius: 18px; border: 1px solid rgb(234, 222, 213);}
:where(.body-block) .audience-card p{font-size: 17px; line-height: 1.55;}
:where(.body-block) .audience-card strong{font-weight: 700;}
:where(.body-block) .tick{flex: 0 0 auto; margin-top: 3px; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--soft); color: var(--accent); font-size: 17px; font-weight: 700;}
:where(.body-block) .matrix-layout{display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 48px; align-items: center;}
:where(.body-block) .matrix{margin: 0px; padding: 18px; background: white; border-radius: 24px; box-shadow: rgba(102, 48, 32, 0.04) 0px 10px 30px;}
:where(.body-block) .matrix img{display: block; width: 100%; height: auto;}
:where(.body-block) .story p{font-size: 18px;}
:where(.body-block) .highlight{font-weight: 700; border-left: 3px solid var(--accent); padding: 14px 20px; background: rgba(255, 255, 255, 0.6); border-radius: 0px 12px 12px 0px;}
:where(.body-block) .lead{font-size: 22px; font-weight: 650; line-height: 1.4;}
:where(.body-block) .results-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
:where(.body-block) .result-card{padding: 27px; border-top: 4px solid var(--accent); background: var(--soft); border-radius: 4px 4px 18px 18px;}
:where(.body-block) .result-card h3{font-size: 22px; color: var(--deep);}
:where(.body-block) .result-card p{font-size: 17px;}
:where(.body-block) .closing{font-size: 23px; line-height: 1.4; font-weight: 650; max-width: 1020px; margin: 32px auto 0px; text-align: center;}
:where(.body-block) .webinar{display: grid; grid-template-columns: 0.85fr 1.4fr; background: rgb(252, 250, 247); border-radius: 24px; overflow: hidden; margin-bottom: 24px;}
:where(.body-block) .webinar-title{padding: 36px; background: rgb(240, 215, 200);}
:where(.body-block) .kicker{font-size: 14px; letter-spacing: 0.13em; font-weight: 750; color: var(--accent); margin-bottom: 20px;}
:where(.body-block) .webinar-title h3{font-size: 28px; line-height: 1.3; color: var(--deep);}
:where(.body-block) .webinar-program{padding: 34px 40px;}
:where(.body-block) .program-label{font-weight: 650;}
:where(.body-block) .webinar-program ul{padding-left: 20px; margin: 0px;}
:where(.body-block) .webinar-program li{padding-left: 8px; font-size: 17px; line-height: 1.5; margin-bottom: 14px;}
:where(.body-block) .webinar-program li:last-child{margin-bottom: 0px;}
:where(.body-block) .webinar-program li::marker{color: var(--accent);}
:where(.body-block) .expert-layout{display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 46px; align-items: center;}
:where(.body-block) .portrait{margin: 0px; height: 440px; border-radius: 24px; overflow: hidden;}
:where(.body-block) .portrait img{width: 100%; height: 100%; object-fit: cover; object-position: 68% center;}
:where(.body-block) .expert-name{font-size: 37px; color: var(--accent); margin-bottom: 20px;}
:where(.body-block) .expert-intro{font-size: 21px; font-weight: 550;}
:where(.body-block) .achievements-title{margin: 34px 0px 20px; font-size: 25px;}
:where(.body-block) .achievements{display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;}
:where(.body-block) .achievements p{font-size: 17px; line-height: 1.5; background: var(--soft); border-radius: 16px; padding: 22px; margin: 0px;}
:where(.body-block) .expert-notes{display: grid; grid-template-columns: 1fr 1fr; gap: 34px; margin-top: 28px;}
:where(.body-block) .expert-notes p{font-size: 17px;}
:where(.body-block) .editorial{max-width: 1080px; margin: auto;}
:where(.body-block) .editorial h2{font-size: 42px; max-width: 1000px;}
:where(.body-block) .editorial > .lead{font-size: 22px; font-weight: 500; max-width: 950px;}
:where(.body-block) .question-line{font-size: 26px; font-weight: 700; color: var(--accent); margin: 30px 0px;}
:where(.body-block) .contrast{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
:where(.body-block) .contrast p{margin: 0px; padding: 28px; background: rgb(252, 250, 247); border-radius: 18px; font-size: 20px;}
:where(.body-block) .contrast p:last-child{background: var(--deep); color: white;}
:where(.body-block) .editorial .closing{text-align: left; margin-top: 34px;}
:where(.body-block) .faq{max-width: 1120px;}
:where(.body-block) .faq article{border-top: 1px solid rgb(219, 197, 181); padding: 25px 0px;}
:where(.body-block) .faq article:last-child{border-bottom: 1px solid rgb(219, 197, 181);}
:where(.body-block) .faq h3{font-size: 22px; color: var(--deep);}
:where(.body-block) .faq p{font-size: 18px; max-width: 1000px; margin-top: 12px;}
:where(.body-block) .register-layout{display: grid; grid-template-columns: 1fr 0.95fr; gap: 60px; align-items: center;}
:where(.body-block) .register-copy h2{font-size: 39px; margin-bottom: 28px;}
:where(.body-block) .register-copy p{font-size: 20px;}
:where(.body-block) .register-copy .lead{color: var(--accent); font-weight: 750;}
:where(.body-block) .form-card{padding: 32px; background: rgb(252, 250, 247); border-radius: 24px; box-shadow: rgba(102, 48, 32, 0.05) 0px 12px 38px;}
:where(.body-block) .form-card h3{font-size: 23px; color: var(--deep); line-height: 1.4;}
:where(.body-block) .form-card form{margin-top: 24px;}
:where(.body-block) .form-card label{display: block; font-size: 14px; font-weight: 600; margin-bottom: 16px;}
:where(.body-block) .form-card input{display: block; width: 100%; margin-top: 7px; padding: 15px 16px; min-height: 54px; border: 1px solid rgb(216, 199, 184); border-radius: 10px; background: white; font-size: 17px; color: rgb(39, 45, 43);}
:where(.body-block) .form-card .action{margin-top: 22px; font-size: 19px;}
:where(.body-block) .final-bonus{padding: 20px; background: var(--gold); border-radius: 16px; margin-top: 31px;}
:where(.body-block) .bonus-title{display: flex; gap: 11px; align-items: center;}
:where(.body-block) .bonus-title svg{width: 29px; height: 29px; flex: 0 0 auto; color: rgb(169, 118, 22);}
:where(.body-block) .bonus-title p{font-size: 15px; font-weight: 600;}
:where(.body-block) .bonus-row{display: flex; gap: 20px; align-items: center; margin-top: 18px;}
:where(.body-block) .bonus-row p{font-size: 15px; line-height: 1.5;}
:where(.body-block) .bonus-cover{flex: 0 0 auto; width: 86px; height: 127px; padding: 12px 8px; background: linear-gradient(100deg,var(--deep),var(--accent)); transform: rotate(-5deg); border-left: 6px solid var(--deep); color: rgb(255, 243, 203); font-family: Georgia, serif; text-align: center; box-shadow: rgb(230, 216, 186) 3px 4px 0px;}
:where(.body-block) .bonus-cover span{font-size: 8px; display: block; line-height: 1.3;}
:where(.body-block) .bonus-cover b{border: 1px solid rgb(223, 187, 120); width: 50px; height: 50px; border-radius: 50%; display: grid; place-items: center; margin: 10px auto 0px; font-size: 26px; font-weight: 400;}
:where(.body-block) .clock{display: flex; gap: 7px; align-items: center; justify-content: center; color: var(--accent); margin-top: 17px;}
:where(.body-block) .clock span{width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--accent); color: white; font-size: 18px;}
:where(.body-block) .clock i{font-style: normal;}
:where(.body-block) .s10{padding: 32px 80px; background: rgb(234, 216, 204); border-top: 1px solid rgb(219, 197, 181);}
:where(.body-block) .footer-content{display: flex; gap: 30px; justify-content: space-between; align-items: center;}
:where(.body-block) .footer-content p{font-size: 14px; margin: 0px;}
:where(.body-block) .legal{display: flex; gap: 22px; align-items: center;}
:where(.body-block) .legal-link{border: 0px; padding: 0px; color: var(--deep); background: transparent; font-size: 13px; text-decoration: underline; cursor: pointer; text-align: left;}
:where(.body-block) .demo-note{position: fixed; bottom: 14px; left: 50%; transform: translateX(-50%); padding: 14px 20px; border-radius: 10px; background: rgb(37, 43, 41); color: white; font: 14px / 1.4 Mont, Arial; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 24px; width: min(90%, 460px); z-index: 10;}
:where(.body-block) .demo-note[hidden]{display: none;}
@media (max-width: 900px) {:where(.body-block) .hero{padding: 42px 24px 46px;}
:where(.body-block) h2{font-size: 29px; line-height: 1.2; letter-spacing: -0.65px; margin-bottom: 27px;}
:where(.body-block) h3{font-size: 20px;}
:where(.body-block) p{font-size: 16px;}
:where(.body-block) .action{font-size: 18px; min-height: 65px; margin-top: 27px; padding: 16px 18px;}
:where(.body-block) .audience-grid,:where(.body-block) .matrix-layout,:where(.body-block) .results-grid,:where(.body-block) .webinar,:where(.body-block) .expert-layout,:where(.body-block) .expert-notes,:where(.body-block) .contrast,:where(.body-block) .register-layout{grid-template-columns: 1fr;}
:where(.body-block) .audience-grid{gap: 12px;}
:where(.body-block) .audience-card{padding: 20px 18px; gap: 12px;}
:where(.body-block) .audience-card p{font-size: 15px;}
:where(.body-block) .tick{width: 25px; height: 25px; font-size: 15px;}
:where(.body-block) .matrix-layout{gap: 25px;}
:where(.body-block) .matrix{padding: 12px; border-radius: 18px;}
:where(.body-block) .story p{font-size: 16px;}
:where(.body-block) .lead{font-size: 19px;}
:where(.body-block) .results-grid{gap: 14px;}
:where(.body-block) .result-card{padding: 22px;}
:where(.body-block) .result-card h3{font-size: 21px;}
:where(.body-block) .result-card p{font-size: 16px;}
:where(.body-block) .closing{font-size: 20px; margin-top: 25px; text-align: left;}
:where(.body-block) .webinar{border-radius: 18px; margin-bottom: 19px;}
:where(.body-block) .webinar-title{padding: 24px;}
:where(.body-block) .kicker{font-size: 12px; margin-bottom: 13px;}
:where(.body-block) .webinar-title h3{font-size: 23px;}
:where(.body-block) .webinar-program{padding: 24px;}
:where(.body-block) .webinar-program li{font-size: 15px; padding-left: 4px; margin-bottom: 13px;}
:where(.body-block) .program-label{font-size: 15px;}
:where(.body-block) .expert-layout{gap: 25px;}
:where(.body-block) .portrait{height: 310px;}
:where(.body-block) .portrait img{object-position: 68% center;}
:where(.body-block) .expert-name{font-size: 29px; margin-bottom: 17px;}
:where(.body-block) .expert-intro{font-size: 18px;}
:where(.body-block) .achievements-title{font-size: 23px; margin-top: 28px;}
:where(.body-block) .achievements{grid-template-columns: 1fr 1fr; gap: 12px;}
:where(.body-block) .achievements p{font-size: 14px; padding: 17px 15px;}
:where(.body-block) .expert-notes{gap: 18px; margin-top: 22px;}
:where(.body-block) .expert-notes p{font-size: 15px;}
:where(.body-block) .editorial h2{font-size: 29px;}
:where(.body-block) .editorial > .lead{font-size: 18px;}
:where(.body-block) .question-line{font-size: 22px; margin: 24px 0px;}
:where(.body-block) .contrast{gap: 15px;}
:where(.body-block) .contrast p{font-size: 18px; padding: 23px;}
:where(.body-block) .editorial .closing{font-size: 19px;}
:where(.body-block) .faq article{padding: 22px 0px;}
:where(.body-block) .faq h3{font-size: 19px;}
:where(.body-block) .faq p{font-size: 16px; line-height: 1.55;}
:where(.body-block) .register-layout{gap: 27px;}
:where(.body-block) .register-copy h2{font-size: 29px;}
:where(.body-block) .register-copy p{font-size: 17px;}
:where(.body-block) .form-card{padding: 24px 20px; border-radius: 18px;}
:where(.body-block) .form-card h3{font-size: 20px;}
:where(.body-block) .form-card .action{font-size: 17px;}
:where(.body-block) .final-bonus{padding: 17px;}
:where(.body-block) .bonus-title p{font-size: 13px;}
:where(.body-block) .bonus-row{gap: 15px;}
:where(.body-block) .bonus-row p{font-size: 13px;}
:where(.body-block) .bonus-cover{width: 71px; height: 112px; padding: 10px 5px; font-size: 7px;}
:where(.body-block) .bonus-cover b{width: 43px; height: 43px; font-size: 24px;}
:where(.body-block) .footer-content{display: block;}
:where(.body-block) .s10{padding: 27px 24px;}
:where(.body-block) .footer-content p{font-size: 13px;}
:where(.body-block) .legal{display: flex; flex-direction: column; align-items: flex-start; gap: 11px; margin-top: 18px;}
:where(.body-block) .legal-link{font-size: 13px;}}
@media (max-width: 360px) {:where(.body-block) .hero{padding-inline: 19px;}
:where(.body-block) h2,:where(.body-block) .editorial h2,:where(.body-block) .register-copy h2{font-size: 27px;}
:where(.body-block) .audience-card{padding: 18px 15px;}
:where(.body-block) .webinar-title,:where(.body-block) .webinar-program{padding: 21px;}
:where(.body-block) .form-card{padding: 22px 16px;}
:where(.body-block) .achievements{grid-template-columns: 1fr;}
:where(.body-block) .achievements p{font-size: 15px;}
:where(.body-block) .s10{padding-inline: 19px;}}
:where(.body-block) .raster-mark{background-image: url("assets/icons.webp"); background-repeat: no-repeat; background-size: 300% auto; background-position: 0px 0px;}
:where(.body-block) .raster-sun{background-position: 50% 0px;}
:where(.body-block) .raster-leaf{background-position: 100% 0px;}
:where(.body-block) .raster-heart{background-position: 0px 100%;}
:where(.body-block) .raster-chat{background-position: 50% 100%;}
:where(.body-block) .raster-compass{background-position: 100% 100%; clip-path: inset(6% 0px 0px);}
:where(.body-block) .hero *{min-width: 0px;}
:where(.body-block) .drawn-art{display: block; object-fit: contain; max-width: 100%; height: auto;}
:where(.body-block) .sketch{display: block; flex: 0 0 auto; width: 58px; height: 58px; color: var(--accent);}
:where(.body-block) .sketch.raster-leaf{aspect-ratio: 512 / 550; height: auto;}
:where(.body-block) .sketch svg{width: 100%; height: 100%;}
:where(.body-block) .sketch .wash{opacity: 0.55;}
:where(.body-block) .illustrated-heading{display: flex; align-items: center; justify-content: space-between; gap: 26px; margin-bottom: 32px;}
:where(.body-block) .illustrated-heading h2{margin: 0px; flex: 1 1 0%;}
:where(.body-block) .illustrated-heading .drawn-art{width: 180px; height: 130px;}
:where(.body-block) .s05 .illustrated-heading .drawn-art{width: 235px; height: 150px;}
:where(.body-block) .audience-grid{gap: 0px 46px;}
:where(.body-block) .audience-card{padding: 22px 0px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(220, 202, 185); border-image: none; border-radius: 0px; background: transparent; gap: 20px; align-items: flex-start;}
:where(.body-block) .audience-card:nth-child(4n+2) .sketch,:where(.body-block) .audience-card:nth-child(4n+3) .sketch{color: rgb(104, 114, 94);}
:where(.body-block) .audience-card .sketch{width: 52px; height: 52px;}
:where(.body-block) .audience-card strong{display: block; margin-bottom: 6px;}
:where(.body-block) .audience-card p{margin: 0px;}
:where(.body-block) .s03 .matrix{border-radius: 24px; padding: 30px 20px 20px; border: 1px solid rgb(224, 185, 158); box-shadow: rgb(241, 217, 200) 10px 10px 0px;}
:where(.body-block) .s03 .story{border-left: 1px solid rgb(211, 172, 145); padding-left: 30px;}
:where(.body-block) .s03 .highlight{border-left: 0px; background: rgb(252, 250, 247); padding: 16px 20px; border-radius: 18px 18px 18px 0px;}
:where(.body-block) .results-grid{gap: 0px 32px;}
:where(.body-block) .result-card{position: relative; padding: 23px 0px 24px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(216, 188, 170) currentcolor currentcolor; border-image: none; border-radius: 0px; background: transparent;}
:where(.body-block) .result-card .sketch{float: right; width: 76px; height: 76px; margin: 0px 0px 8px 12px;}
:where(.body-block) .result-card h3{min-height: 58px;}
:where(.body-block) .result-card p{clear: both; margin-bottom: 0px;}
:where(.body-block) .s04 .closing{padding: 22px 28px; border-radius: 40px 8px; background: var(--soft);}
:where(.body-block) .s05{position: relative;}
:where(.body-block) .webinar{position: relative; grid-template-columns: 0.72fr 1.55fr; border-radius: 14px 40px 14px 14px; overflow: visible; margin-left: 25px; margin-bottom: 28px; border: 1px solid rgb(223, 194, 174); box-shadow: rgb(237, 213, 196) 5px 6px 0px;}
:where(.body-block) .webinar::before{content: ""; position: absolute; top: 0px; left: -27px; bottom: -30px; border-left: 2px dashed rgb(197, 139, 107);}
:where(.body-block) .webinar::after{content: ""; position: absolute; width: 12px; height: 12px; background: var(--accent); border: 5px solid rgb(247, 232, 223); box-sizing: content-box; border-radius: 50%; left: -37px; top: 34px;}
:where(.body-block) .webinar:nth-last-of-type(1)::before{bottom: 0px;}
:where(.body-block) .webinar-title{padding: 30px; border-radius: 14px 0px 0px 14px; background: transparent;}
:where(.body-block) .webinar-title .sketch{width: 100px; height: 100px; margin-top: 24px;}
:where(.body-block) .webinar-title h3{font-size: 28px;}
:where(.body-block) .kicker{display: inline-block; background: rgb(240, 215, 200); padding: 6px 10px; border-radius: 4px;}
:where(.body-block) .webinar-program{padding: 30px; border-left: 1px solid rgb(223, 194, 174);}
:where(.body-block) .webinar-program ul{display: grid; grid-template-columns: 1fr 1fr; gap: 14px 30px; padding-left: 19px;}
:where(.body-block) .webinar-program li{margin-bottom: 0px;}
:where(.body-block) .webinar-program li:last-child{grid-column: 1 / -1;}
:where(.body-block) .s06 .portrait{border-radius: 180px 180px 20px 20px; border: 6px solid rgb(242, 223, 207); box-shadow: rgb(229, 197, 175) 8px 8px 0px;}
:where(.body-block) .achievements{gap: 0px; border-block: 1px solid rgb(215, 186, 166);}
:where(.body-block) .achievements p{background: transparent; border-radius: 0px; border-right: 1px solid rgb(215, 186, 166); margin: 20px 0px; padding: 6px 25px;}
:where(.body-block) .achievements p:last-child{border-right: 0px;}
:where(.body-block) .achievements strong{display: block; font-size: 35px; line-height: 1.15; font-weight: 700; color: var(--accent); margin-bottom: 12px;}
:where(.body-block) .expert-notes p{padding-left: 20px; border-left: 3px solid rgb(200, 160, 117);}
:where(.body-block) .expert-name{display: inline-block; border-bottom: 3px solid rgb(221, 178, 143); padding-bottom: 9px;}
:where(.body-block) .consultation-lead{display: grid; grid-template-columns: 1.3fr 1fr; align-items: center; gap: 36px;}
:where(.body-block) .consultation-lead .lead{font-size: 22px; font-weight: 500; margin: 0px;}
:where(.body-block) .consultation-lead .drawn-art{width: 360px; max-height: 240px; justify-self: end;}
:where(.body-block) .s07 .question-line{margin: 22px 0px;}
:where(.body-block) .contrast p{border-radius: 22px 22px 22px 3px; border: 1px solid rgb(212, 175, 149);}
:where(.body-block) .contrast p:last-child{border-radius: 22px 22px 3px;}
:where(.body-block) .s07 .closing{font-size: 23px;}
:where(.body-block) .faq-heading{display: flex; gap: 20px; align-items: center; margin-bottom: 28px;}
:where(.body-block) .faq-heading h2{margin: 0px;}
:where(.body-block) .faq-heading .sketch{width: 62px; height: 62px;}
:where(.body-block) .faq{display: grid; grid-template-columns: 1fr 1fr; gap: 30px 38px; max-width: none;}
:where(.body-block) .faq article,:where(.body-block) .faq article:last-child{border: 0px; padding: 0px;}
:where(.body-block) .faq h3{background: var(--soft); padding: 20px 23px; border-radius: 22px 22px 22px 3px; margin-bottom: 16px;}
:where(.body-block) .faq p{border-left: 2px solid rgb(197, 161, 126); padding: 0px 0px 0px 20px; margin: 0px 0px 0px 18px;}
:where(.body-block) .calling{display: flex; align-items: center; gap: 20px; margin-top: 25px;}
:where(.body-block) .calling .drawn-art{width: 130px; height: 130px; flex: 0 0 auto;}
:where(.body-block) .calling .lead{margin: 0px;}
:where(.body-block) .form-card{border: 1px solid rgb(211, 170, 141); border-radius: 28px 8px; box-shadow: rgb(233, 205, 184) 8px 8px 0px;}
:where(.body-block) .s09 .register-copy h2{font-size: 39px;}
:where(.body-block) .s09 .final-bonus{border: 1px dashed rgb(201, 164, 80);}
@media (max-width: 1100px) and (min-width: 901px) {:where(.body-block) .webinar-program ul{grid-template-columns: 1fr;}
:where(.body-block) .webinar-title{padding: 25px;}
:where(.body-block) .webinar-program{padding: 25px;}
:where(.body-block) .faq{gap: 25px;}
:where(.body-block) .result-card h3{font-size: 22px;}}
@media (max-width: 900px) {:where(.body-block) .illustrated-heading{gap: 10px; margin-bottom: 25px;}
:where(.body-block) .illustrated-heading .drawn-art{width: 85px; height: 110px;}
:where(.body-block) .s05 .illustrated-heading .drawn-art{width: 120px; height: 105px;}
:where(.body-block) .illustrated-heading h2{font-size: 29px;}
:where(.body-block) .audience-card{padding: 18px 0px; gap: 13px;}
:where(.body-block) .audience-card .sketch{width: 42px; height: 42px;}
:where(.body-block) .audience-card strong{margin-bottom: 4px;}
:where(.body-block) .audience-grid{row-gap: 0px;}
:where(.body-block) .s03 .matrix{padding: 23px 14px 14px; box-shadow: rgb(241, 217, 200) 5px 5px 0px;}
:where(.body-block) .s03 .story{padding-left: 0px; border: 0px;}
:where(.body-block) .results-grid{gap: 0px;}
:where(.body-block) .result-card{padding: 22px 0px;}
:where(.body-block) .result-card .sketch{width: 60px; height: 60px; margin-left: 10px;}
:where(.body-block) .result-card h3{min-height: 0px;}
:where(.body-block) .result-card p{clear: both;}
:where(.body-block) .s04 .closing{padding: 19px 20px; border-radius: 26px 6px;}
:where(.body-block) .webinar{grid-template-columns: 1fr; margin-left: 13px; margin-bottom: 21px; border-radius: 12px 28px 12px 12px; box-shadow: rgb(237, 213, 196) 3px 4px 0px;}
:where(.body-block) .webinar::before{left: -15px; bottom: -23px;}
:where(.body-block) .webinar::after{width: 9px; height: 9px; left: -23px; top: 25px; border-width: 4px;}
:where(.body-block) .webinar-title{padding: 23px; border-radius: 12px 28px 0px 0px; position: relative; background: rgb(240, 215, 200);}
:where(.body-block) .webinar-title h3{font-size: 23px; position: relative; z-index: 1; margin: 0px;}
:where(.body-block) .webinar-title .sketch{display: none;}
:where(.body-block) .webinar-title .kicker{background: transparent; padding: 0px;}
:where(.body-block) .webinar-program{padding: 23px; border-left: 0px; border-top: 1px solid rgb(223, 194, 174);}
:where(.body-block) .webinar-program ul{grid-template-columns: 1fr; gap: 13px;}
:where(.body-block) .webinar-program li:last-child{grid-column: auto;}
:where(.body-block) .s06 .portrait{border-width: 4px; box-shadow: rgb(229, 197, 175) 5px 5px 0px;}
:where(.body-block) .achievements{gap: 0px;}
:where(.body-block) .achievements p{padding: 8px 14px; margin: 12px 0px;}
:where(.body-block) .achievements p:nth-child(2){border-right: 0px;}
:where(.body-block) .achievements strong{font-size: 28px; margin-bottom: 8px;}
:where(.body-block) .expert-notes p{padding-left: 15px;}
:where(.body-block) .consultation-lead{grid-template-columns: 1fr; gap: 12px;}
:where(.body-block) .consultation-lead .lead{font-size: 18px;}
:where(.body-block) .consultation-lead .drawn-art{width: 245px; max-height: 165px; justify-self: center;}
:where(.body-block) .s07 .question-line{margin: 20px 0px;}
:where(.body-block) .s07 .closing{font-size: 19px;}
:where(.body-block) .contrast p{padding: 20px; font-size: 18px;}
:where(.body-block) .faq{grid-template-columns: 1fr; gap: 25px;}
:where(.body-block) .faq-heading{gap: 12px; margin-bottom: 25px;}
:where(.body-block) .faq-heading .sketch{width: 44px; height: 44px;}
:where(.body-block) .faq h3{padding: 18px 19px; margin-bottom: 15px;}
:where(.body-block) .faq p{padding-left: 16px; margin-left: 12px;}
:where(.body-block) .calling{gap: 12px; margin-top: 20px;}
:where(.body-block) .calling .drawn-art{width: 90px; height: 90px;}
:where(.body-block) .s09 .register-copy h2{font-size: 29px;}
:where(.body-block) .form-card{box-shadow: rgb(233, 205, 184) 4px 5px 0px;}}
@media (max-width: 360px) {:where(.body-block) .illustrated-heading h2,:where(.body-block) .s09 .register-copy h2{font-size: 27px;}
:where(.body-block) .illustrated-heading .drawn-art{width: 74px;}
:where(.body-block) .s05 .illustrated-heading .drawn-art{width: 95px;}
:where(.body-block) .webinar-title,:where(.body-block) .webinar-program{padding: 20px;}
:where(.body-block) .achievements{grid-template-columns: 1fr;}
:where(.body-block) .achievements p{border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(215, 186, 166); border-image: none; margin: 0px; padding: 15px 0px;}
:where(.body-block) .achievements p:last-child{border: 0px;}}
:where(.body-block) .audience-grid{gap: 16px 24px;}
:where(.body-block) .audience-card{padding: 22px 23px; border: 1px solid rgb(234, 217, 202); border-radius: 7px 28px 7px 7px; background: rgb(255, 253, 250);}
:where(.body-block) .audience-card:nth-child(4n+2),:where(.body-block) .audience-card:nth-child(4n+3){background: rgb(244, 231, 218); border-color: rgb(238, 219, 202);}
:where(.body-block) .audience-card:nth-child(3n){border-radius: 28px 7px 7px;}
:where(.body-block) .audience-card .sketch{width: 58px; height: 58px;}
:where(.body-block) .audience-card strong{color: var(--deep);}
:where(.body-block) .formula-pictures{display: flex; align-items: center; justify-content: center; gap: 22px; background: rgb(252, 250, 247); padding: 15px 20px 8px; border-radius: 24px 24px 0px 0px;}
:where(.body-block) .formula-pictures .sketch{width: 63px; height: 63px;}
:where(.body-block) .formula-pictures > span:not(.sketch){font-size: 25px; color: rgb(167, 110, 70);}
:where(.body-block) .s03 .formula{border-radius: 0px 0px 24px 4px; padding-top: 10px; text-align: center;}
:where(.body-block) .s03 .matrix-layout{align-items: start;}
:where(.body-block) .results-grid{gap: 18px;}
:where(.body-block) .result-card{padding: 24px; border-top: 0px; border-radius: 22px 6px; background: rgb(243, 232, 223);}
:where(.body-block) .result-card:nth-child(2),:where(.body-block) .result-card:nth-child(5){background: rgb(240, 238, 228);}
:where(.body-block) .result-card:nth-child(3),:where(.body-block) .result-card:nth-child(6){background: rgb(248, 239, 217);}
:where(.body-block) .result-card h3{font-size: 22px;}
:where(.body-block) .result-card .sketch{width: 70px; height: 70px;}
:where(.body-block) .s04 .closing{background: transparent; border-block: 1px solid rgb(220, 193, 170); border-radius: 0px; padding: 20px 12px;}
:where(.body-block) .s05 .illustrated-heading{gap: 40px;}
:where(.body-block) .s05 .illustrated-heading .drawn-art{width: 410px; height: 140px;}
:where(.body-block) .s05 .illustrated-heading h2{flex: 1 1 0%;}
:where(.body-block) .webinar-title{background: rgb(241, 223, 207);}
:where(.body-block) .webinar:nth-of-type(2) .webinar-title{background: rgb(238, 238, 222);}
:where(.body-block) .webinar:nth-of-type(3) .webinar-title{background: rgb(246, 236, 214);}
:where(.body-block) .webinar-title .kicker{background: rgba(255, 255, 255, 0.533);}
:where(.body-block) .s06 .expert-notes p:first-child{background: rgb(245, 234, 223); padding: 20px 22px; border: 0px; border-radius: 22px 4px;}
:where(.body-block) .s06 .expert-notes p:last-child{padding-block: 14px;}
:where(.body-block) .achievements p strong{position: relative;}
:where(.body-block) .achievements p strong::after{content: ""; display: block; width: 46px; margin-top: 8px; border-bottom: 3px solid rgb(212, 172, 128); border-radius: 100%; transform: rotate(-3deg);}
:where(.body-block) .s07 .contrast p:first-child{border-style: dashed;}
:where(.body-block) .s07 .contrast p:last-child{box-shadow: rgb(223, 189, 165) 5px 5px 0px;}
:where(.body-block) .s07 .closing{border-left: 4px solid rgb(198, 151, 107); padding: 0px 0px 0px 22px;}
:where(.body-block) .faq article:nth-child(3n+2) h3{background: rgb(238, 238, 228);}
:where(.body-block) .faq article:nth-child(3n) h3{background: rgb(246, 237, 220);}
:where(.body-block) .faq p{border-left-style: dashed;}
@media (max-width: 900px) {:where(.body-block) .audience-grid{gap: 12px;}
:where(.body-block) .audience-card{padding: 18px 16px; gap: 12px;}
:where(.body-block) .audience-card .sketch{width: 42px; height: 42px;}
:where(.body-block) .formula-pictures{gap: 20px; padding-top: 14px;}
:where(.body-block) .formula-pictures .sketch{width: 53px; height: 53px;}
:where(.body-block) .result-card{padding: 22px 20px;}
:where(.body-block) .result-card h3{font-size: 21px;}
:where(.body-block) .result-card .sketch{width: 57px; height: 57px;}
:where(.body-block) .results-grid{gap: 14px;}
:where(.body-block) .s05 .illustrated-heading{display: block;}
:where(.body-block) .s05 .illustrated-heading .drawn-art{width: 280px; height: 95px; margin: 12px auto 0px;}
:where(.body-block) .s05 .illustrated-heading h2{margin: 0px;}
:where(.body-block) .s06 .expert-notes p:first-child{padding: 17px;}
:where(.body-block) .s07 .closing{padding-left: 17px;}}

/* The mockup CSS is scoped without changing its component values. */
html{scroll-behavior:smooth}
body{margin:0;background:#fcfaf7;color:#272d2b;font:18px/1.55 Mont,Arial,sans-serif}
*{box-sizing:border-box}img{max-width:100%}
.intro,.body-block{display:flow-root}
.intro{font-size:16px;line-height:normal}
.intro>.hero,.body-block>.hero{max-width:1440px;margin-inline:auto}
#block-03,#block-05,#block-07,#block-09{background:#f7e8df}
#registration{scroll-margin-top:24px}
#registration:focus{outline:0}
.body-block .consent{display:flex;align-items:flex-start;gap:9px;margin:20px 0 10px;font-size:12px;font-weight:400;line-height:1.5}
.body-block .consent input{width:18px;height:18px;min-height:18px;flex:none;margin:1px 0 0;padding:0;accent-color:#99472f}
.consent a{color:#663020;text-underline-offset:2px}
.body-block .preview-note,#form-status{font-size:12px;line-height:1.5;margin:10px 0 0;color:#514740}
#form-status:not([hidden]){padding:12px;background:#f7e8df;border-radius:8px}
#footer{background:#ead8cc;border-top:1px solid #dbc5b5;font:14px/1.5 Mont,Arial,sans-serif;color:#453b35}
.footer-inner{max-width:1440px;margin:auto;padding:30px 80px 22px;display:grid;grid-template-columns:1fr 1fr 1.15fr;column-gap:40px;row-gap:18px;align-items:center}
.footer-brand img{display:block;max-width:156px;height:auto}
.footer-brand p{font-size:12px;margin:7px 0 0}
#footer address{font-style:normal}
#footer a{display:block;color:#663020;text-decoration:none;padding:5px 0}
#footer nav a{text-decoration:underline;text-underline-offset:3px;font-size:13px}
.copyright{grid-column:1/-1;margin:0;font-size:11px;color:#514740}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #99472f;outline-offset:4px}
@media(max-width:900px){.footer-inner{padding:26px 24px 23px;grid-template-columns:1fr;gap:14px}.footer-brand img{width:140px}#footer address{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}#footer nav{display:flex;gap:8px 22px;flex-wrap:wrap}.copyright{font-size:10px}.body-block .consent{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}


.footer-brand img{filter:brightness(0);opacity:.8}

/* Ruslana feedback v010: mobile hero hierarchy and readable metadata. */
@media (max-width: 600px) {
  :where(.intro) .hero { padding: 20px 18px 32px; }
  :where(.intro) .meta { font-size: 12px; margin-bottom: 18px; }
  :where(.intro) .explanation { padding: 16px 12px; }
  :where(.intro) .cta { order: 3; margin-top: 18px; }
  :where(.intro) .visual { order: 4; width: calc(100% + 36px); margin: 18px -18px 0; }
  :where(.intro) .bonus { margin-top: 12px; }
}

/* v011: gentle emphasis, with no movement of text or surrounding layout. */
@media (prefers-reduced-motion: no-preference) {
  .intro .cta, .body-block .action {
    background-image: linear-gradient(110deg, transparent 43%, rgba(255,255,255,.20) 49%, transparent 55%), linear-gradient(105deg,var(--accent),var(--deep));
    background-size: 250% 100%, 100% 100%;
    background-position: 120% 0, 0 0;
    animation: cta-pulse 3s ease-in-out infinite, cta-shine 6s ease-in-out infinite;
  }
  .intro .cta:focus-visible, .body-block .action:focus-visible,
  .intro .cta:active, .body-block .action:active {
    animation: none;
    background-image: linear-gradient(105deg,var(--accent),var(--deep));
  }
}
@keyframes cta-pulse {
  0%, 100% { box-shadow: 0 6px 0 var(--deep), 0 13px 23px #2d24451a, 0 0 0 0 rgba(153,71,47,0); }
  50% { box-shadow: 0 6px 0 var(--deep), 0 13px 25px rgba(102,48,32,.20), 0 0 0 5px rgba(153,71,47,.10); }
}
@keyframes cta-shine {
  0%, 62% { background-position: 120% 0, 0 0; }
  90%, 100% { background-position: -120% 0, 0 0; }
}