/*
Theme Name: Renote Dark Studio
Description: Темная главная Renote с формой заявки и внутренними документами.
Version: 1.1.4
Requires at least: 6.0
Requires PHP: 7.4
Author: Renote
Text Domain: renote-dark
*/

@font-face{font-family:Satoshi;src:url("assets/Satoshi-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Clash;src:url("assets/ClashDisplay-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Clash;src:url("assets/ClashDisplay-Semibold.woff2") format("woff2");font-weight:600 800;font-display:swap}
:root{color-scheme:dark;--black:#050505;--panel:#111;--line:#303030;--white:#f4f4f4;--muted:#999;--red:#e21e2f;--shell:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--black);color:var(--white);font-family:Satoshi,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;background:url("assets/grain.svg") repeat;mix-blend-mode:screen}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f0f0f0;outline-offset:4px}
#fluid-background{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:screen}
.page-shell{width:min(var(--shell),calc(100% - 96px));margin-inline:auto;position:relative;z-index:2}
.red-dot{color:var(--red)}
.hero{min-height:0;padding-top:96px;padding-bottom:20px;display:flex;flex-direction:column;justify-content:center}
.hero-kicker,.eyebrow{margin:0;color:#999;font-size:9px;letter-spacing:.14em;text-transform:uppercase}
.hero-kicker{display:flex;align-items:center;gap:10px}
.hero-kicker .red-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:var(--red);box-shadow:0 0 12px #e21e2f80}
.hero-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:55px;margin-top:48px}
.hero-copy h1{font:500 clamp(78px,10vw,142px)/.83 Clash,sans-serif;letter-spacing:-.075em;margin:0}
.hero-copy h2{font:500 clamp(23px,3.2vw,40px)/1.1 Clash,sans-serif;letter-spacing:-.035em;margin:27px 0 0;color:#aaa}
.hero-aside{display:flex;align-items:end;justify-content:space-between;gap:22px;padding-bottom:4px}
.hero-aside p{max-width:335px;font-size:13px;line-height:1.75;color:#aaa;margin:0}
.circle-link{flex:none;width:48px;height:48px;display:grid;place-items:center;border:1px solid #656565;border-radius:50%;font-size:18px;transition:background .2s,border .2s}
.circle-link:hover{background:var(--red);border-color:var(--red)}
.hero-bottom{display:flex;justify-content:space-between;gap:15px;padding:18px 0 20px;border-bottom:1px solid var(--line);color:#777;font-size:8px;letter-spacing:.1em;text-transform:uppercase;margin-top:38px}
.section-space{padding-top:92px;padding-bottom:100px}
.contact{border-bottom:1px solid #242424}
.contact.section-space{padding-top:36px}
.contact-layout{display:grid;grid-template-columns:1fr .85fr;gap:65px;align-items:start}
.contact-copy h2,.section-head h2{font:500 clamp(48px,6.8vw,82px)/.95 Clash,sans-serif;letter-spacing:-.065em;margin:20px 0 0}
.contact-copy h2 span{color:#777}
.contact-copy>p:not(.eyebrow){max-width:330px;color:#999;font-size:11px;line-height:1.7;margin:19px 0 22px}
.contact-phone,.contact-email{display:block;width:max-content;max-width:100%;border-bottom:1px solid #555;padding-bottom:9px;margin-top:15px;font:500 clamp(19px,2.8vw,29px)/1.2 Clash,sans-serif;letter-spacing:-.025em;transition:border-color .2s,color .2s}
.contact-phone:hover,.contact-email:hover{border-color:var(--red);color:white}
.contact-phone span{font-size:.65em;color:var(--red);margin-left:8px}
.contact-email{font:400 12px Satoshi,sans-serif;color:#bbb}
.lead-form{padding:27px;background:#101010;border:1px solid #303030;position:relative}
.form-title{font:500 28px/1.1 Clash,sans-serif;margin:0 0 8px}
.form-intro{max-width:400px;color:#8f8f8f;font-size:10px;line-height:1.65;margin:0 0 23px}
.lead-form label{display:block;margin:15px 0 7px;color:#c8c8c8;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.lead-form input:not([type=checkbox]){width:100%;height:48px;padding:0 13px;border:1px solid #3f3f3f;border-radius:0;background:#080808;color:#fff;font-size:12px;outline:none;transition:border .2s}
.lead-form input:not([type=checkbox])::placeholder{color:#6d6d6d}
.lead-form input:not([type=checkbox]):focus{border-color:#aaa}
.lead-form input[aria-invalid=true]{border-color:var(--red)}
.field-error{display:block;min-height:0;color:#ff7883;font-size:9px}
.field-error:not(:empty){min-height:14px;margin-top:4px}
.consent-row{display:grid;grid-template-columns:16px 1fr;gap:10px;align-items:start;margin-top:16px}
.consent-row input[type=checkbox]{width:16px;height:16px;margin:1px 0 0;accent-color:var(--red);cursor:pointer}
.consent-row input[aria-invalid=true]{outline:1px solid var(--red);outline-offset:2px}
.consent-row label{display:block;margin:0;color:#bdbdbd;font-size:10px;line-height:1.55;letter-spacing:0;text-transform:none}
.consent-row a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.consent-error:not(:empty){margin-top:5px}
.lead-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.submit-button{width:100%;margin-top:18px;display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border:0;background:var(--red);color:#fff;text-align:left;font-size:9px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s}
.submit-button:hover{background:#b91121}
.submit-button span{font-size:16px}
.form-status{min-height:15px;color:#aaa;font-size:9px;line-height:1.5;margin:10px 0 0}
.cf7-shell .wpcf7 form>p{margin:0 0 12px}
.cf7-shell .wpcf7 form>p>label{margin-top:15px}
.cf7-shell .wpcf7-form-control-wrap{display:block;margin-top:7px}
.cf7-shell .wpcf7-acceptance .wpcf7-list-item{display:block;margin:16px 0 0}
.cf7-shell .wpcf7-acceptance label{display:flex;align-items:flex-start;gap:10px;margin:0;color:#bdbdbd;font-size:10px;line-height:1.55;letter-spacing:0;text-transform:none}
.cf7-shell .wpcf7-acceptance input[type=checkbox]{width:16px;height:16px;flex:none;margin:1px 0 0;accent-color:var(--red)}
.cf7-shell .wpcf7-acceptance a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.cf7-shell .wpcf7 input[type=submit]{width:100%;margin-top:18px;padding:15px;border:0;background:var(--red);color:#fff;text-align:left;font-size:9px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.cf7-shell .wpcf7 input[type=submit]:hover{background:#b91121}
.cf7-shell .wpcf7-not-valid-tip,.cf7-shell .wpcf7-response-output{color:#ff7883;font-size:10px;line-height:1.5}
.cf7-shell .wpcf7 form .wpcf7-response-output{margin:12px 0 0;padding:9px 12px;border-color:#555}
.footer{width:min(var(--shell),calc(100% - 96px));min-height:260px;margin:0 auto 28px;padding:42px 34px 24px;position:relative;z-index:2;display:grid;grid-template-columns:minmax(210px,.8fr) 2fr;gap:40px;background:#111;border:1px solid #222}
.footer-legal{align-self:end;display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:#bdbdbd;font-size:11px;text-transform:uppercase}
.footer-legal a{transition:color .2s}
.footer-legal a:hover{color:var(--red)}
.footer-main{display:flex;flex-direction:column;justify-content:space-between;gap:35px}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.footer-contact .eyebrow{color:#bbb;font-size:12px;letter-spacing:0;text-transform:none}
.footer-phone{font:500 clamp(22px,2.8vw,32px)/1.1 Clash,sans-serif;letter-spacing:-.03em;margin-top:8px}
.footer-email{font:600 clamp(20px,2.8vw,32px)/1.2 Clash,sans-serif;letter-spacing:-.035em;text-decoration:underline;text-underline-offset:4px}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#8a8a8a;font-size:9px;line-height:1.6}
.footer-bottom span:last-child{text-align:right}
@media(max-width:900px){.page-shell,.footer{width:calc(100% - 48px)}.hero{min-height:550px;padding-top:85px}.hero-layout{gap:30px}.hero-copy h1{font-size:clamp(72px,11vw,110px)}.section-space{padding-top:76px;padding-bottom:82px}.contact-layout{gap:35px}.footer{grid-template-columns:minmax(170px,.7fr) 2fr;padding-inline:26px}}
@media(max-width:620px){.page-shell,.footer{width:calc(100% - 32px)}.hero{min-height:auto;padding-top:92px;padding-bottom:0}.hero-layout{display:block;margin-top:34px}.hero-copy h1{font-size:clamp(64px,17vw,94px)}.hero-copy h2{font-size:24px;margin-top:17px}.hero-aside{margin-top:23px;align-items:center}.hero-aside p{font-size:11px}.hero-bottom{font-size:7px;gap:10px;margin-top:35px}.hero-bottom span:last-child{display:none}.section-space{padding-top:60px;padding-bottom:68px}.contact-layout{grid-template-columns:1fr;gap:32px}.contact-copy h2{font-size:61px}.lead-form{padding:20px}.form-title{font-size:25px}.footer{min-height:0;grid-template-columns:1fr;padding:30px 22px 20px;gap:34px;margin-bottom:16px}.footer-main{gap:29px}.footer-contact .eyebrow{font-size:11px}.footer-phone,.footer-email{font-size:25px}.footer-bottom{display:flex;flex-direction:column;gap:6px;font-size:8px}.footer-bottom span:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
html.motion-ready [data-reveal="up"]{opacity:0;transform:translate3d(0,28px,0);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
html.motion-ready [data-reveal="fade"]{opacity:0;transition:opacity .8s ease;transition-delay:var(--reveal-delay,0ms)}
html.motion-ready [data-reveal].is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html.motion-ready [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}}
@media(max-width:620px){.contact.section-space{padding-top:24px}}
.legal-page{max-width:920px;min-height:75vh;padding-top:76px;padding-bottom:100px}
.legal-back{display:inline-block;margin-bottom:66px;color:#aaa;font-size:11px;transition:color .2s}
.legal-back:hover{color:#fff}
.legal-page h1{max-width:850px;margin:18px 0 48px;font:500 clamp(48px,6vw,82px)/1.02 Clash,sans-serif;letter-spacing:-.055em}
.legal-body{max-width:850px;color:#c7c7c7;font-size:14px;line-height:1.8}
.legal-body h2,.legal-body h3{margin:36px 0 14px;color:#fff;font:500 clamp(22px,3vw,32px)/1.15 Clash,sans-serif;letter-spacing:-.025em}
.legal-body p{margin:0 0 1.1em}
.legal-body ul,.legal-body ol{padding-left:23px;margin:0 0 1.2em}
.legal-body li{margin:.3em 0}
.legal-body strong{color:#eee;font-weight:600}
.legal-body a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.legal-body__links{display:flex;flex-wrap:wrap;gap:13px;margin-top:55px;padding-top:20px;border-top:1px solid var(--line);color:#aaa;font-size:10px}
@media(max-width:620px){.legal-page{padding-top:38px;padding-bottom:68px}.legal-back{margin-bottom:44px}.legal-page h1{font-size:46px;margin-bottom:34px}.legal-body{font-size:12px;line-height:1.75}}