/*
Theme Name: КликСайт
Theme URI: https://kliksite.ru/
Author: КликСайт
Description: Личный сайт Романа: аудит и ведение Яндекс Директа, разработка сайтов и блог. Локальные ресурсы, адаптивная вёрстка, настройка контакта.
Version: 1.0.1
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kliksite
*/
:root{--ink:#202d29;--muted:#56625d;--paper:#f8f8f3;--line:#dce1d9;--green:#275b43;--lime:#e5f0bb;--white:#fff;--radius:18px;--width:1224px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a45b12;outline-offset:5px}img{max-width:100%;height:auto}svg{max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.13;letter-spacing:-.04em;font-weight:600}h1{font-size:clamp(42px,4.65vw,68px);max-width:800px;margin-bottom:26px}h2{font-size:clamp(32px,3.3vw,46px);margin-bottom:24px}h3{font-size:26px}p{margin-bottom:20px}.wrap{width:min(var(--width),calc(100% - 80px));margin-inline:auto}.section{padding-block:90px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:650;letter-spacing:.14em;line-height:1.7;margin-bottom:24px;color:var(--muted)}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:103px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;white-space:nowrap;font-size:25px;font-weight:700;letter-spacing:-.04em}.brand-mark{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--green);color:var(--lime);border-radius:12px;font-size:30px;letter-spacing:-.1em;padding-right:3px}.brand-caption{display:block;font-size:10px;font-weight:500;letter-spacing:.02em;color:var(--muted);line-height:1.6}.primary-navigation{margin-left:auto}.menu,.site-footer ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:25px}.menu a{text-decoration:none;font-size:13px;display:block;padding-block:14px}.menu a:hover,.menu .current-menu-item>a{text-decoration:underline}.menu li{position:relative}.menu .sub-menu{list-style:none;background:var(--paper);padding:8px 16px;border:1px solid var(--line);position:absolute;top:100%;left:0;min-width:220px;z-index:10;display:none}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.header-contact{white-space:nowrap;font-size:12px;font-weight:600;display:flex;gap:24px;align-items:center;border:1px solid var(--line);padding:12px 16px;border-radius:8px;text-decoration:none}.header-contact:hover{background:var(--lime)}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:58px;padding-block:78px 85px;align-items:center}.hero .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:27px}.status-dot{width:7px;height:7px;background:var(--green);border-radius:50%;display:inline-block}.hero-description{font-size:17px;color:var(--muted);line-height:1.7;max-width:525px;margin-bottom:29px}.hero-buttons{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--green);color:var(--white);padding:16px 22px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;border:1px solid transparent;line-height:1.5}.button:hover{background:#1b4431}.text-link{font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;gap:20px;align-items:center}.text-link:hover{text-decoration:underline}.hero-note{font-size:12px;color:var(--muted);margin:24px 0 0}.hero-visual{height:465px;position:relative;overflow:hidden;border-radius:22px;background:#e9eddf;border:1px solid #dce3d1;isolation:isolate}.visual-top{position:absolute;inset:24px 24px auto;display:flex;justify-content:space-between;font-size:10px;color:#4c5e50;letter-spacing:.03em}.visual-dot{width:7px;height:7px;border-radius:50%;background:#74936b}.orbit-ring{position:absolute;border:1px solid #c8d4ba;border-radius:50%;z-index:-1}.ring-one{width:350px;height:350px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-25deg)}.ring-two{width:250px;height:250px;left:50%;top:48%;transform:translate(-50%,-50%)}.visual-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:180px;height:180px;background:var(--green);border-radius:50%;color:white;display:flex;flex-direction:column;justify-content:center;padding:33px 34px;box-shadow:0 18px 35px #284e3820}.tiny-label{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#c5d7c7;margin-bottom:8px}.visual-center strong{font-size:31px;font-weight:500;line-height:1.12;letter-spacing:-.04em}.visual-center strong span{color:var(--lime)}.visual-tag{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 19px;background:var(--white);border:1px solid #dce3d1;box-shadow:0 8px 16px #40503906;border-radius:10px;font-size:13px;font-weight:600}.visual-tag span{font-size:20px;color:var(--green)}.tag-ad{top:91px;left:27px;transform:rotate(-7deg)}.tag-site{top:195px;right:17px;transform:rotate(7deg)}.tag-data{bottom:82px;left:48px;transform:rotate(-4deg)}.visual-caption{position:absolute;inset:auto 24px 22px;display:flex;justify-content:space-between;font-size:11px;color:#4c5e50;border-top:1px solid #cbd6bf;padding-top:16px}.services-section{background:white;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:36px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;color:var(--muted);font-size:14px;margin-bottom:3px}.section-heading .eyebrow{margin-bottom:17px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column}.featured{background:var(--lime);border-color:#d6e3ac}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:27px;margin-bottom:36px}.card-number{font-size:11px;color:#475641}.pill{font-size:9px;line-height:1.4;max-width:126px;border:1px solid #b7c68e;border-radius:20px;padding:6px 9px}.card-icon{font-size:23px;line-height:1}.service-card h3{font-size:25px;margin-bottom:18px}.service-card p{font-size:14px;color:#4b584e;line-height:1.75;margin-bottom:32px}.card-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;font-weight:600;font-size:12px;border-top:1px solid #d1d9c9;padding-top:21px;margin-top:auto;gap:20px}.card-link:hover{text-decoration:underline}.card-link span{font-size:20px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:120px}.approach-heading>p:not(.eyebrow){color:var(--muted);font-size:15px;max-width:390px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:27px;padding:25px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li>span{font-size:12px;color:var(--green);padding-top:4px}.steps h3{font-size:22px;margin-bottom:12px}.steps p{font-size:14px;color:var(--muted);margin:0}.journal-section{border-top:1px solid var(--line);background:#eef0e8}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:var(--paper);padding:28px;border-radius:14px;border:1px solid var(--line);min-width:0}.post-card h2,.post-card h3{font-size:23px;line-height:1.25;overflow-wrap:anywhere;margin-top:20px}.post-card h2 a,.post-card h3 a{text-decoration:none}.post-card h2 a:hover,.post-card h3 a:hover{text-decoration:underline}.post-card p{font-size:14px;color:var(--muted)}.post-card img{border-radius:8px;aspect-ratio:16/10;object-fit:cover;width:100%;margin-bottom:18px}.post-meta{font-size:11px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap}.journal-empty{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #cfd8c8;padding-top:28px}.journal-empty p{margin:0;font-size:18px}.journal-empty span{font-size:12px;color:var(--muted)}.contact-section{background:var(--green);color:#fff;padding:70px 0}.contact-section .eyebrow{color:#c2d5bf}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.contact-grid h2{font-size:50px;margin-bottom:21px}.contact-grid p:not(.eyebrow){font-size:15px;max-width:490px;color:#e0eadd}.contact-action{justify-self:end;max-width:350px}.button-light{background:var(--lime);color:var(--ink)}.button-light:hover{background:white}.contact-pending{border:1px solid #709b81;padding:18px 24px;border-radius:10px}.site-footer{padding:44px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:35px;padding-bottom:35px}.footer-brand{text-decoration:none;font-size:26px;font-weight:650;letter-spacing:-.04em}.footer-brand span{font-size:11px;display:block;font-weight:400;color:var(--muted);letter-spacing:0;margin-top:6px}.footer-top nav{display:flex;gap:25px;font-size:12px;align-items:center}.footer-top nav a{text-decoration:none}.footer-top nav a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.breadcrumbs{padding-top:28px;font-size:12px;color:var(--muted)}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}.breadcrumbs li+li:before{content:'/';margin-right:10px;color:#89968e}.breadcrumbs li{overflow-wrap:anywhere}.page-header{padding-block:55px 40px;max-width:900px}.page-header h1{font-size:clamp(38px,5vw,62px)}.page-intro{font-size:19px;color:var(--muted);max-width:700px}.content-shell{padding-bottom:80px}.prose{max-width:800px;overflow-wrap:anywhere}.prose h2{font-size:32px;margin-top:50px}.prose h3{font-size:25px;margin-top:35px}.prose p,.prose li{line-height:1.8}.prose a{text-decoration:underline;color:var(--green)}.prose ul,.prose ol{padding-left:24px}.prose blockquote{border-left:3px solid var(--green);margin-inline:0;padding:5px 0 5px 25px;font-size:20px}.prose table{border-collapse:collapse;width:100%}.prose td,.prose th{padding:12px;border:1px solid var(--line)}.prose pre{overflow:auto;background:#e9eddf;padding:20px}.prose .alignwide{max-width:100%}.prose .alignfull{max-width:100%;margin-inline:0}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{font-size:12px;color:var(--muted)}.alignleft{float:left;margin:0 24px 20px 0}.alignright{float:right;margin:0 0 20px 24px}.aligncenter{display:block;margin-inline:auto}.prose:after{content:'';display:block;clear:both}.post-navigation{padding:28px 0;border-top:1px solid var(--line);margin-top:50px}.nav-links{display:flex;justify-content:space-between;gap:30px}.pagination{margin-top:40px}.pagination .nav-links{justify-content:center;gap:12px;flex-wrap:wrap}.page-numbers{padding:9px 15px;border:1px solid var(--line);border-radius:6px}.page-numbers.current{background:var(--green);color:#fff}.search-form{display:flex;gap:12px;flex-wrap:wrap;margin-block:20px}.search-field{max-width:100%;border:1px solid #8d9b91;border-radius:7px;background:white;padding:13px}.search-submit{border:0;border-radius:7px;background:var(--green);color:#fff;padding:13px 24px;cursor:pointer}.archive-description{max-width:700px;color:var(--muted)}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:8px;left:8px;z-index:1000;background:white;padding:14px}.menu-toggle{border:1px solid var(--line);border-radius:6px;background:transparent;padding:9px 12px;gap:18px;align-items:center;cursor:pointer}.menu-toggle[hidden]{display:none}.sticky,.bypostauthor{outline-offset:4px}
@media(min-width:1001px){.menu-toggle{display:none!important}}
@media(max-width:1100px){.header-inner{gap:20px}.menu{gap:15px}.header-contact{gap:12px}.hero{gap:30px}.hero-buttons{gap:18px}.approach{gap:70px}.service-card{padding:23px}.pill{display:none}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.header-inner{min-height:88px;flex-wrap:wrap;padding-block:16px}.menu-toggle:not([hidden]){display:flex;margin-left:auto}.header-contact{display:none}.primary-navigation{flex-basis:100%;margin:0}.primary-navigation .menu{justify-content:flex-start;flex-wrap:wrap}.js .primary-navigation:not(.is-open){display:none}.menu .sub-menu{position:static;display:block;border:0;padding-block:0}.menu .sub-menu a{font-size:12px;padding-block:5px}.hero{padding-block:55px;gap:26px;grid-template-columns:1.15fr 1fr}.hero h1{font-size:46px}.hero-visual{height:420px}.visual-tag{padding:11px 13px}.tag-ad{left:13px}.tag-site{right:10px}.tag-data{left:20px}.ring-one{width:300px;height:300px}.services-grid{grid-template-columns:1fr}.service-card{padding:28px}.service-card h3 br{display:none}.card-top{margin-bottom:22px}.pill{display:block;max-width:none}.approach{gap:45px}.posts-grid{grid-template-columns:repeat(2,1fr)}.section{padding-block:64px}.contact-grid h2{font-size:43px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.brand{font-size:23px}.brand-mark{width:40px;height:40px}.header-inner{min-height:82px;gap:16px}.primary-navigation .menu{display:block}.menu a{padding-block:10px}.hero{grid-template-columns:1fr;padding-block:42px 45px;gap:35px}.hero h1{font-size:44px;max-width:500px}.hero .eyebrow{font-size:10px;margin-bottom:23px}.hero-description{font-size:16px}.hero-buttons{gap:20px}.hero-visual{height:360px;width:100%;max-width:490px;justify-self:center}.visual-center{width:154px;height:154px;padding:27px}.visual-center strong{font-size:28px}.ring-one{width:285px;height:285px}.ring-two{width:215px;height:215px}.tag-ad{top:70px;left:25px}.tag-site{top:155px;right:20px}.tag-data{bottom:66px;left:35px}.visual-top{inset:19px 20px auto}.visual-caption{inset:auto 20px 17px;padding-top:12px}.section{padding-block:50px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px}.section-heading>.text-link{margin-top:22px}.service-card{padding:26px}.service-card h3{font-size:27px}.approach{grid-template-columns:1fr;gap:35px}.steps li{padding-block:22px}.posts-grid{grid-template-columns:1fr}.journal-empty{display:block}.journal-empty span{display:block;margin-top:12px}.contact-section{padding-block:48px}.contact-grid{grid-template-columns:1fr;gap:16px}.contact-action{justify-self:start}.contact-grid h2{font-size:41px}.contact-grid p:not(.eyebrow){margin-bottom:16px}.footer-top{display:block}.footer-top nav{margin-top:28px}.site-footer ul{flex-wrap:wrap;gap:18px}.footer-bottom{flex-direction:column;gap:10px}.page-header{padding-block:35px 20px}.page-header h1{font-size:39px}.page-intro{font-size:17px}.prose h2{font-size:29px}.nav-links{flex-direction:column}.pagination .nav-links{flex-direction:row}.prose .alignleft,.prose .alignright{float:none;margin-inline:0}.content-shell{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
@media print{.site-header,.site-footer,.contact-section,.hero-visual,.menu-toggle{display:none}.wrap{width:100%}body{background:white;color:black}.section{padding-block:20px}a{color:black}.hero{display:block}.services-grid,.posts-grid{display:block}.service-card{break-inside:avoid}}

.contact-email{margin-top:18px;overflow-wrap:anywhere}.contact-email a{font-size:14px}

/* Unified CTA states: keep prose links from overriding button text. */
.button,.prose a.button,.button:visited,.prose a.button:visited{color:var(--white);text-decoration:none}
.button:hover,.button:focus-visible,.prose a.button:hover,.prose a.button:focus-visible{color:var(--white);background:#1b4431;text-decoration:none}
.button-light,.button-light:visited,.prose a.button-light,.prose a.button-light:visited{color:var(--ink);background:var(--lime)}
.button-light:hover,.button-light:focus-visible,.prose a.button-light:hover,.prose a.button-light:focus-visible{color:var(--ink);background:var(--white)}
.button:focus-visible{outline:3px solid #a45b12;outline-offset:5px}