@font-face{font-family:'Exo 2';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/exo2-cyrillic.woff2') format('woff2');unicode-range:U+0400-045F,U+2116}
@font-face{font-family:'Exo 2';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/exo2-latin.woff2') format('woff2')}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#28222f;background:#fffaf5;font-family:'Exo 2',system-ui,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-underline-offset:4px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a83a0d;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(36px,5.5vw,70px);font-weight:650;max-width:940px;margin-bottom:24px}h2{font-size:clamp(27px,3.5vw,42px);font-weight:600}h3{font-size:25px;font-weight:600}p{margin-bottom:20px}.wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.site-header{border-bottom:1px solid #e8dfd5;background:#fffaf5}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:19px;font-weight:700;letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.brand svg{width:25px;height:25px;color:#f35926}.main-nav{display:flex;align-items:center;gap:27px;font-size:15px}.main-nav a{text-decoration:none}.main-nav a[aria-current=page]{color:#aa390f}.main-nav .nav-cta{background:#28222f;color:#fff;padding:10px 17px;border-radius:8px}.skip-link{position:absolute;left:16px;top:-80px;background:white;padding:10px;z-index:10}.skip-link:focus{top:10px}.breadcrumbs{display:flex;gap:9px;flex-wrap:wrap;font-size:13px;color:#675c69;padding-top:27px}.breadcrumbs a{text-decoration:none}.hero{padding:58px 0 54px}.eyebrow{display:block;color:#a93a13;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:19px}.hero-intro{font-size:20px;color:#685d6b;max-width:790px;line-height:1.6}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:32px}.hero-note{font-size:14px;color:#6a606a;max-width:450px;margin:0}.stats{display:flex;gap:35px}.stats strong{font-size:31px;font-weight:600;line-height:1.1;display:block}.stats span{font-size:13px;color:#766a77}.category-nav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 30px}.category-nav a{padding:9px 16px;border:1px solid #ded3c8;border-radius:30px;font-size:14px;text-decoration:none;background:#fff}.category-nav a:hover,.category-nav a[aria-current=page]{background:#28222f;border-color:#28222f;color:#fff}.catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:74px}.category-card{background:#fff;border:1px solid #e9e0d8;border-radius:18px;overflow:hidden;text-decoration:none;display:block;transition:transform .2s,border-color .2s}.category-card:hover{transform:translateY(-4px);border-color:#c7b5a5}.category-cover{background:var(--pale);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:30px 25px;overflow:hidden;align-items:center}.category-cover img{width:100%;border-radius:9px;box-shadow:0 12px 24px #3b281522}.category-cover img:nth-child(1){transform:rotate(-5deg) translateY(9px)}.category-cover img:nth-child(2){transform:translateY(-6px)}.category-cover img:nth-child(3){transform:rotate(5deg) translateY(9px)}.category-text{padding:26px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.category-text h2{font-size:28px;margin-bottom:8px}.category-text p{color:#766875;font-size:15px;margin:0}.round-arrow{width:42px;height:42px;background:#fff2e8;border-radius:50%;display:grid;place-items:center;flex:none}.catalog .category-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.catalog .category-card:last-child .category-text{order:-1;padding:40px}.catalog .category-card:last-child .category-cover{padding:20px 70px}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:15px 0 28px}.section-heading h2{margin:0}.section-heading p{margin:0;font-size:14px;color:#736672}.examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start}.example{min-width:0}.example figure{margin:0}.preview-link{display:block;position:relative;background:var(--pale);border-radius:14px;padding:18px;text-decoration:none}.preview-link img{width:100%;border-radius:9px;box-shadow:0 8px 20px #35251914}.zoom-label{position:absolute;right:29px;bottom:28px;background:#fff;color:#28222f;font-size:12px;padding:5px 11px;border-radius:20px;box-shadow:0 2px 8px #0001}.example-caption{padding:24px 0 0}.example-number{font-size:12px;letter-spacing:.08em;color:#726673;margin-bottom:10px}.example h3{font-size:25px;line-height:1.2;margin-bottom:15px}.example p{font-size:16px;line-height:1.65;color:#655a67}.replace-note{border-top:1px solid #e5dbd1;padding-top:16px}.replace-note strong{display:block;color:#342b36;font-size:13px;margin-bottom:6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#ee5728;color:#fff;text-decoration:none;font-size:15px;font-weight:600;padding:13px 21px;border:0;border-radius:9px}.button:hover{background:#cb421a}.example .button{width:100%;margin-top:3px}.download-link{display:block;text-align:center;font-size:13px;margin:13px 0 22px;color:#695e69}.learning-note{background:#f3ebe2;border-radius:12px;padding:19px 23px;font-size:14px;color:#605560;margin:34px 0 70px}.content-section{margin:70px 0}.guide-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:65px}.guide-heading p{font-size:17px;color:#6b5e6b}.guide-items{margin:0}.guide-item{display:grid;grid-template-columns:145px 1fr;gap:25px;padding:22px 0;border-bottom:1px solid #e5dacf}.guide-item:first-child{padding-top:0}.guide-item dt{font-weight:600}.guide-item dd{margin:0;color:#665b68;font-size:16px}.check-panel{background:#fff;border:1px solid #e7dcd2;border-radius:16px;padding:36px;display:grid;grid-template-columns:1fr 1.3fr;gap:40px}.check-panel h2{font-size:31px}.check-panel ul{margin:0;padding-left:22px}.check-panel li{padding:0 0 14px 8px;color:#655967}.faq{max-width:860px}.faq details{border-bottom:1px solid #dfd3c8;padding:19px 0}.faq summary{font-size:19px;font-weight:600;cursor:pointer;padding-right:15px}.faq details p{color:#6b5d6b;padding-top:16px;font-size:16px;margin-bottom:2px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{padding:25px 0;border-top:1px solid #dacdc0}.step span{font-size:13px;color:#b34723;display:block;margin-bottom:15px}.step h3{font-size:24px}.step p{font-size:16px;color:#6b5d6c}.related{display:grid;grid-template-columns:1fr 1fr;gap:20px}.related a{display:block;border:1px solid #e1d6ca;border-radius:10px;padding:23px;background:#fff;text-decoration:none}.related a:hover{border-color:#a98b73}.bottom-cta{margin:75px 0;background:#eee7de;border-radius:18px;padding:42px;display:flex;align-items:center;justify-content:space-between;gap:35px}.bottom-cta h2{font-size:34px;margin-bottom:13px}.bottom-cta p{color:#6b5f6b;margin:0;max-width:700px}.bottom-cta .button{flex:none}.site-footer{padding:28px 0;border-top:1px solid #e1d6cc;font-size:14px;color:#6b5d6b}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.site-footer a{margin-left:18px}.lightbox{border:0;border-radius:16px;padding:16px;max-width:min(94vw,1050px);max-height:94vh;background:#fffaf5;color:#28222f}.lightbox::backdrop{background:#211c26d9}.lightbox-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:12px}.lightbox-top p{font-size:15px;margin:0}.lightbox button{background:#f0e7df;border:0;border-radius:7px;padding:8px 14px}.lightbox-image{max-height:calc(90vh - 115px);max-width:100%;width:auto;margin:auto}.lightbox-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:12px}.lightbox-bottom a{font-size:14px}.lightbox-close{flex:none}.gallery-callout{margin:28px 0;padding:24px;border:1px solid #e1d6ca;border-radius:12px;background:#fff4e9}.gallery-callout h2{font-size:25px;margin-bottom:10px}.gallery-callout p{margin:0 0 14px}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.examples{gap:17px}.preview-link{padding:10px}.zoom-label{right:17px;bottom:17px}.example h3{font-size:21px}.example .button{font-size:13px;padding:12px 9px}.guide-layout{grid-template-columns:1fr;gap:25px}.check-panel{grid-template-columns:1fr;gap:15px}.catalog .category-card:last-child .category-cover{padding:25px}.catalog .category-card:last-child .category-text{padding:25px}.main-nav{gap:18px}.bottom-cta{display:block}.bottom-cta .button{margin-top:25px}}
@media(max-width:640px){body{font-size:16px}.wrap{width:calc(100% - 32px)}.header-inner{min-height:73px;flex-wrap:wrap;gap:5px;padding:15px 0}.brand{font-size:18px}.main-nav{width:100%;justify-content:space-between;font-size:13px;gap:14px;margin-top:8px}.main-nav .nav-cta{padding:7px 12px}.hero{padding:34px 0 32px}.hero-intro{font-size:17px}.hero-bottom{align-items:start;flex-direction:column;gap:23px}.stats{gap:28px}.hero-note{font-size:13px}.catalog{grid-template-columns:1fr;gap:22px}.catalog .category-card:last-child{display:block}.catalog .category-card:last-child .category-text{padding:26px 28px}.category-cover{padding:24px 21px}.category-text h2{font-size:26px}.examples{grid-template-columns:1fr;gap:28px}.preview-link{padding:24px;max-width:430px;margin-inline:auto}.example h3{font-size:27px}.example .button{font-size:15px;padding:14px}.section-heading{display:block}.section-heading p{margin-top:12px}.example-caption{padding-top:20px}.learning-note{margin:20px 0 45px}.content-section{margin:45px 0}.guide-item{grid-template-columns:1fr;gap:6px;padding:18px 0}.check-panel{padding:24px}.check-panel h2{font-size:28px}.steps-grid,.related{grid-template-columns:1fr;gap:10px}.bottom-cta{padding:27px;margin:45px 0}.bottom-cta h2{font-size:29px}.category-nav a{font-size:13px;padding:8px 12px}.breadcrumbs{font-size:12px;padding-top:20px}.lightbox-top{gap:10px}.lightbox-top p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
