/* Mazarin AI — production styles */

/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cormorant-italic-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cormorant-italic-400-latin.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;
}
/* cyrillic */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cormorant-normal-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/cormorant-normal-400-latin.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;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-normal-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/manrope-normal-400-latin.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;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-normal-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/manrope-normal-400-latin.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;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-normal-400-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/manrope-normal-400-latin.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;
}

/* ===== Tokens & base ===== */
:root{
  --bg:#0A0908; --ink:#EDE7DC; --head:#F3ECDE; --mut:#97907F; --mut2:#9C948A; --sub:#8B8478;
  --gold:#C9A86A; --gold-l:#E0C48A; --gold-w:#E6D6B4; --gold-h:#E6CE9B; --burg:#6E1220;
  --line-g:rgba(201,168,106,.16); --line-g2:rgba(201,168,106,.26); --line-n:rgba(237,231,220,.08);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Manrope','Helvetica Neue',Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold-h)}
::selection{background:var(--burg);color:#F5EFE3}
img{max-width:100%;height:auto}
h1,h2,h3,p,ul,ol{margin:0}
.wrap{max-width:1240px;margin:0 auto}
.serif{font-family:var(--serif)}
.accent{color:var(--gold);font-style:italic}
.diamond{width:7px;height:7px;background:var(--gold);transform:rotate(45deg);flex:0 0 auto}

/* ===== Background effect ===== */
.fx{position:fixed;inset:0;z-index:-1}

/* ===== Buttons ===== */
.btn-gold{display:inline-block;padding:16px 28px;border-radius:4px;background:linear-gradient(135deg,#E0C48A,#C9A86A 55%,#A88749);color:#17130C;font-size:14.5px;font-weight:600;letter-spacing:.02em;box-shadow:0 14px 40px rgba(201,168,106,.18);transition:box-shadow .25s,transform .25s}
.btn-gold:hover{color:#17130C;box-shadow:0 18px 46px rgba(201,168,106,.3);transform:translateY(-1px)}
.btn-line{display:inline-block;padding:16px 26px;border-radius:4px;border:1px solid rgba(237,231,220,.18);color:#D8D0C2;font-size:14.5px;letter-spacing:.02em;transition:border-color .25s,color .25s}
.btn-line:hover{border-color:rgba(201,168,106,.6);color:var(--gold-h)}

/* ===== Header ===== */
.site-header{position:sticky;padding:0 28px;top:0;z-index:50;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(10,9,8,.78);border-bottom:1px solid rgba(201,168,106,.14)}
.header-in{padding:14px 0;display:flex;align-items:center;flex-wrap:nowrap;gap:28px}
.brand{display:flex;align-items:center;gap:12px;flex:0 1 auto;min-width:0;overflow:hidden}
.brand-mark{width:40px;height:40px;mix-blend-mode:screen;display:block}
.brand-name{font-family:var(--serif);font-size:22px;letter-spacing:.14em;color:var(--gold-w);text-transform:uppercase;white-space:nowrap}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:13.5px;letter-spacing:.04em}
.site-nav a{color:var(--mut2)}
.site-nav a:hover{color:var(--gold-h)}
.header-cta{flex:0 0 auto;margin-left:auto;white-space:nowrap;padding:11px 20px;border-radius:4px;border:1px solid rgba(201,168,106,.55);color:var(--gold-w);font-size:13.5px;letter-spacing:.03em;background:rgba(201,168,106,.06);transition:background .25s,border-color .25s}
.header-cta:hover{color:var(--gold-w);background:rgba(201,168,106,.16);border-color:rgba(201,168,106,.9)}
@media (max-width:979px){.site-nav{display:none}}
@media (max-width:459px){.brand-name{display:none}}

/* ===== Hero ===== */
.hero{position:relative;overflow:hidden;padding:clamp(56px,8vw,104px) 28px clamp(64px,9vw,120px);background:radial-gradient(1100px 620px at 12% -10%,rgba(201,168,106,.11),transparent 62%),radial-gradient(900px 700px at 92% 20%,rgba(110,18,32,.3),transparent 65%)}
.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:clamp(36px,5vw,72px);align-items:center}
.overline-row{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.overline-rule{width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.overline{font-size:11.5px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold)}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5.4vw,72px);line-height:1.04;letter-spacing:-.015em;color:var(--head);text-wrap:balance}
.tagline{margin-top:22px;font-family:var(--serif);font-style:italic;font-size:clamp(17px,1.6vw,21px);color:#B9AE9C;line-height:1.5}
.hero-sub{margin-top:26px;max-width:560px;font-size:15.5px;line-height:1.75;color:var(--mut2);text-wrap:pretty}
.cta-row{margin-top:38px;display:flex;flex-wrap:wrap;gap:14px}
.hero-art{position:relative;justify-self:center;width:100%;max-width:460px}
.hero-art img{width:100%;height:auto;display:block;mix-blend-mode:screen}
.hero-frame{position:absolute;inset:-14px;border:1px solid rgba(201,168,106,.22);border-radius:6px;pointer-events:none}
.hero-corner-tl{position:absolute;left:-20px;top:-20px;width:10px;height:10px;border-left:1px solid var(--gold);border-top:1px solid var(--gold)}
.hero-corner-br{position:absolute;right:-20px;bottom:-20px;width:10px;height:10px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold)}

/* ===== Sections common ===== */
.sec{padding:clamp(64px,8vw,112px) 28px}
.sec-dark{background:rgba(10,9,8,.62)}
.sec-panel{background:rgba(16,14,12,.85)}
.sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:54px}
.k-num{font-size:11.5px;letter-spacing:.4em;text-transform:uppercase;color:var(--gold)}
.k-label{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--sub)}
.h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,46px);color:var(--head)}
.h2-lg{font-family:var(--serif);font-weight:400;font-size:clamp(29px,3.4vw,44px);line-height:1.14;color:var(--head);text-wrap:balance}
.k-small{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}

/* ===== Positioning (lede) ===== */
.lede{padding:clamp(56px,7vw,92px) 28px}
.lede-in{max-width:980px;margin:0 auto;display:grid;grid-template-columns:1px minmax(0,1fr);gap:clamp(24px,4vw,48px)}
.goldbar{background:linear-gradient(180deg,rgba(201,168,106,.65),rgba(201,168,106,.05))}
.lede-text{font-family:var(--serif);font-size:clamp(21px,2.5vw,31px);line-height:1.48;color:#DCD3C2;text-wrap:pretty}
.lede-text .gold{color:var(--gold)}

/* ===== 01 How ===== */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line-g)}
.step{background:#0F0D0B;padding:clamp(28px,3vw,42px)}
.step-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:26px}
.step-num{font-family:var(--serif);font-size:52px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(201,168,106,.55)}
.step-icon{width:78px;height:78px;flex:0 0 auto;opacity:.9;margin-top:-8px}
.step h3{font-size:18px;font-weight:600;letter-spacing:.01em;color:var(--ink);margin-bottom:12px}
.step p{font-size:14.5px;line-height:1.72;color:var(--mut);text-wrap:pretty}

/* ===== 02 Dossier ===== */
.dossier-head{max-width:860px;margin-bottom:clamp(36px,5vw,56px)}
.dossier-head .sec-head{margin-bottom:26px}
.dossier-head .h2-lg{margin-bottom:22px}
.dossier-head p{font-size:15.5px;line-height:1.75;color:var(--mut);text-wrap:pretty}
.dossier-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(36px,5vw,72px);align-items:stretch}
.dossier-phone{display:flex;align-items:center;justify-content:center}
.dossier-phone img{width:100%;max-width:440px;height:auto;display:block;border-radius:12px;filter:drop-shadow(0 40px 90px rgba(0,0,0,.65))}
.dossier-card{border:1px solid var(--line-g2);border-radius:6px;background:linear-gradient(180deg,#16130F,#0C0B09);box-shadow:0 40px 80px rgba(0,0,0,.55);overflow:hidden}
.dc-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px 20px}
.dc-company{font-family:var(--serif);font-size:24px;color:var(--ink);margin-top:8px}
.dc-role{margin-top:3px;font-size:12.5px;color:var(--sub)}
.dc-score{flex:0 0 auto;text-align:right}
.dc-score-num{font-family:var(--serif);font-size:44px;line-height:1;color:var(--gold-l)}
.dc-score-cap{margin-top:4px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--sub)}
.dc-rows{padding:0 28px}
.metric{padding:15px 0 14px;border-top:1px solid var(--line-n)}
.metric-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.metric-name{font-size:13.5px;color:#E2D9C8}
.pill{flex:0 0 auto;font-size:12px;letter-spacing:.04em;color:var(--gold-l);border:1px solid rgba(201,168,106,.35);border-radius:3px;padding:3px 9px;white-space:nowrap}
.metric p{margin-top:7px;font-size:12.5px;line-height:1.6;color:var(--sub);text-wrap:pretty}
.src{color:#6F6A5F}
.dc-verdict{margin-top:6px;padding:20px 28px;border-top:1px solid rgba(201,168,106,.18);background:rgba(201,168,106,.045)}
.dc-verdict .k-small{display:block;margin-bottom:9px}
.dc-verdict p{font-size:13.5px;line-height:1.7;color:#C4BBAA;text-wrap:pretty}
.dc-disclaimer{padding:16px 28px 20px;font-size:11.5px;line-height:1.6;color:var(--sub)}

/* ===== Q&A example ===== */
.qa-card{max-width:1120px;margin:clamp(40px,5vw,64px) auto 0;border:1px solid rgba(201,168,106,.2);border-radius:6px;background:#0D0C0A;overflow:hidden;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch}
.qa-text{padding:clamp(24px,3vw,36px) clamp(24px,3vw,40px)}
.qa-text .k-small{display:block;margin-bottom:16px}
.qa-q{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.8vw,22px);line-height:1.4;color:var(--ink)}
.qa-a{margin-top:16px;font-size:14px;line-height:1.75;color:var(--mut);text-wrap:pretty}
.qa-note{margin-top:18px;padding-top:14px;border-top:1px solid var(--line-n);font-size:11.5px;color:var(--sub)}
.qa-img{position:relative;min-height:340px}
.qa-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 16%}

/* ===== 03 Why ===== */
.why{background:radial-gradient(900px 520px at 50% 0%,rgba(110,18,32,.42),transparent 70%),rgba(10,9,8,.62);padding:clamp(72px,9vw,128px) 28px;text-align:center}
.why-in{max-width:900px;margin:0 auto}
.why .k-num{display:block;margin-bottom:26px}
.why h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,4.2vw,54px);line-height:1.12;color:var(--head);text-wrap:balance;margin-bottom:26px}
.why p{max-width:660px;margin:0 auto;font-size:15.5px;line-height:1.78;color:var(--mut2);text-wrap:pretty}

/* ===== 04 Features ===== */
.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(32px,4.5vw,64px);align-items:stretch}
.features-img{position:relative;min-height:460px}
.features-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px;border:1px solid rgba(201,168,106,.3);box-shadow:0 40px 90px rgba(0,0,0,.55)}
.features-list{display:grid;align-content:center}
.feature{display:grid;grid-template-columns:56px 1fr;gap:20px;align-items:start;padding:24px 0;border-top:1px solid rgba(201,168,106,.18)}
.feature:last-child{border-bottom:1px solid rgba(201,168,106,.18)}
.f-num{font-family:var(--serif);font-size:30px;line-height:1.1;color:var(--gold)}
.feature h3{font-size:17.5px;font-weight:600;color:var(--ink);margin-bottom:8px}
.feature p{font-size:14.5px;line-height:1.7;color:var(--mut);text-wrap:pretty}

/* ===== 05 Privacy ===== */
.privacy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(36px,5vw,72px);align-items:stretch}
.privacy-text .sec-head{margin-bottom:26px}
.privacy-text .h2-lg{margin-bottom:22px}
.privacy-text>p{max-width:540px;font-size:15.5px;line-height:1.75;color:var(--mut);text-wrap:pretty;margin-bottom:14px}
.privacy-list{list-style:none;padding:0}
.privacy-list li{padding:16px 0;border-top:1px solid var(--line-g);display:grid;grid-template-columns:16px 1fr;gap:16px;align-items:start;font-size:14.5px;line-height:1.65;color:#CDC4B4}
.privacy-list li:last-child{border-bottom:1px solid var(--line-g)}
.privacy-list .diamond{margin-top:7px}
.privacy-img{position:relative;min-height:440px}
.privacy-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:6px;border:1px solid rgba(201,168,106,.28);box-shadow:0 40px 90px rgba(0,0,0,.55)}
.privacy-veil{position:absolute;inset:0;border-radius:6px;background:linear-gradient(180deg,rgba(10,9,8,0) 55%,rgba(10,9,8,.78) 100%)}
.privacy-tag{position:absolute;left:26px;right:26px;bottom:22px;display:flex;align-items:center;gap:12px}
.privacy-tag span:last-child{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-w)}
@media (max-width:719px){.privacy-img{order:2}.privacy-text{order:1}}

/* ===== Who ===== */
.who{padding:clamp(56px,7vw,96px) 28px;background:rgba(16,14,12,.85);border-top:1px solid rgba(201,168,106,.1);border-bottom:1px solid rgba(201,168,106,.1);text-align:center}
.who .k-num{display:block;margin-bottom:24px}
.who p{max-width:900px;margin:0 auto;font-family:var(--serif);font-size:clamp(21px,2.5vw,30px);line-height:1.5;color:#DCD3C2;text-wrap:pretty}

/* ===== Access CTA ===== */
.access{padding:clamp(72px,9vw,124px) 28px;background:radial-gradient(760px 460px at 50% 100%,rgba(201,168,106,.14),transparent 70%),rgba(10,9,8,.62);text-align:center}
.access-in{max-width:720px;margin:0 auto}
.access-emblem{width:80px;height:80px;mix-blend-mode:screen;display:block;margin:0 auto 28px}
.access h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4vw,50px);line-height:1.12;color:var(--head);margin-bottom:20px}
.access p{max-width:520px;margin:0 auto 36px;font-size:15.5px;line-height:1.75;color:var(--mut2)}
.access .btn-gold{padding:17px 42px;font-size:15px}
.alt-mail{margin-top:18px;font-size:13px;color:var(--sub)}

/* ===== FAQ ===== */
.faq-in{max-width:900px;margin:0 auto}
.faq-in .sec-head{margin-bottom:46px}
.faq-list{display:grid;gap:1px;background:var(--line-g);border-top:1px solid var(--line-g);border-bottom:1px solid var(--line-g)}
.faq-list details{background:#0D0C0A;padding:24px 4px}
.faq-list summary{display:flex;align-items:center;gap:18px;font-size:16.5px;color:var(--ink);cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-mark{color:var(--gold);font-size:10px;flex:0 0 auto}
.faq-list details p{margin:14px 0 0 32px;font-size:14.5px;line-height:1.75;color:var(--mut);max-width:680px}

/* ===== Footer ===== */
.footer{padding:clamp(52px,6vw,80px) 28px 44px;background:rgba(10,9,8,.72);border-top:1px solid rgba(201,168,106,.14)}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px;align-items:start}
.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.footer-brand img{width:40px;height:40px;mix-blend-mode:screen;display:block}
.footer-brand span{font-family:var(--serif);font-size:20px;letter-spacing:.14em;color:var(--gold-w);text-transform:uppercase}
.footer-note{font-size:13px;line-height:1.8;color:var(--sub)}
.footer-col{display:grid;gap:10px;font-size:13.5px;align-content:start}
.footer-col .k-small{margin-bottom:4px}
.footer-col a{color:var(--mut2)}
.footer-col a:hover{color:var(--gold-h)}
.footer-contact{font-size:13px;line-height:1.9;color:#7C7568}
.copyright{max-width:1240px;margin:44px auto 0;padding-top:24px;border-top:1px solid rgba(237,231,220,.07);font-size:12.5px;color:#867F73}

/* ===== Lead form ===== */
.lead-form{flex:1 1 100%;max-width:640px}
.lead-fields{display:flex;flex-wrap:wrap;gap:14px}
.lead-form input[type="email"]{flex:1 1 240px;min-width:0;padding:15px 18px;border-radius:4px;border:1px solid rgba(201,168,106,.35);background:rgba(237,231,220,.05);color:var(--ink);font-family:var(--sans);font-size:15px;transition:border-color .25s,background .25s}
.lead-form input[type="email"]::placeholder{color:#7C7568}
.lead-form input[type="email"]:focus{outline:none;border-color:rgba(201,168,106,.85);background:rgba(237,231,220,.08)}
.lead-form .btn-gold{border:none;cursor:pointer;font-family:var(--sans)}
.lead-error,.lead-success{display:none;margin-top:12px;font-size:13.5px;line-height:1.6}
.lead-error{color:#D98A93}
.lead-success{font-size:15px;color:var(--gold-h)}
.lead-form.is-error .lead-error{display:block}
.lead-form.is-success .lead-fields{display:none}
.lead-form.is-success .lead-success{display:block}
.lead-form-center{margin:0 auto;max-width:560px}
.lead-form-center .lead-fields{justify-content:center}