@font-face{
    font-family:"PF Stamps Pro Rough";
    src:url("../fonts/PF Stamps Pro Rough.woff2") format("woff2");
    font-weight:normal;font-style:normal;font-display:swap;
}
.f-stamp{font-family:"PF Stamps Pro Rough","Oswald",system-ui,sans-serif;}

:root{
    --bg:#0d0b09; --bg-deep:#070605;
    --line:#2a2420;
    --text:#eae3d6; --muted:#948b7c;
    --accent:#cf4515; --accent-soft:#e05a2b;
}
html,body{background:var(--bg-deep);}
body{font-family:"Noto Sans",system-ui,sans-serif;color:var(--text);padding:14px;overflow-x:hidden;}
.frame{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg);}

/* 70% на десктопе */
@media (min-width:992px){
    .frame{width:70%;max-width:70%;margin-inline:auto;}
}
.container-main{width:100%;margin-inline:auto;padding-inline:1.25rem;}
@media (min-width:768px){.container-main{padding-inline:2rem;}}

.acc{color:var(--accent);}

/* ---------- hero ---------- */
.hero{position:relative;}

/* контейнер на тросах: поверх фона, под текстом */
.hero-cont{
    position:absolute;
    top:0%;
    right:5%;
    width:clamp(220px,30vw,460px);
    height:auto;
    z-index:1;
    pointer-events:none;
    transform-origin:50% -150%; /* ось качания выше — эффект подвеса на тросах */
    animation:cont-swing 6s ease-in-out infinite;
    filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));
}

/* текст — выше картинки */
.hero .container-main{position:relative;z-index:2;}

@keyframes cont-swing{
    0%,100%{transform:rotate(-0.5deg);}
    50%    {transform:rotate(0.5deg);}
}



/* уважение к reduce motion */
@media (prefers-reduced-motion:reduce){
    .hero-cont{animation:none;}
}
.hero{min-height:340px;border-bottom:1px solid var(--line);
    background:
            linear-gradient(90deg,rgba(8,6,5,.94) 0%,rgba(8,6,5,.78) 40%,rgba(8,6,5,.18) 80%,rgba(8,6,5,.45) 100%),
            url("../img/bg.png") center 60%/cover no-repeat;
}
.hero-title{text-transform:uppercase;font-weight:600;font-size:clamp(2.6rem,5.5vw,4.4rem);
    line-height:1.06;letter-spacing:.5px;color:#f2e9db;text-shadow:0 2px 14px rgba(0,0,0,.9);}
.hero-sub{color:var(--accent);text-transform:uppercase;font-weight:600;letter-spacing:2.5px;
    font-size:clamp(1rem,1.8vw,1.4rem);text-shadow:1px 3px 5px rgba(0,0,0,.98);}
.btn-line{display:inline-flex;align-items:center;gap:.8rem;padding:.85rem 1.7rem;
    border:1px solid #cfc6b8;border-radius:4px;color:var(--text);text-decoration:none;
    text-transform:uppercase;font-size:.85rem;letter-spacing:1.8px;background:rgba(0,0,0,.25);transition:.2s;}
.btn-line:hover{background:var(--accent);border-color:var(--accent);color:#fff;}
/* адаптив */
@media (max-width:767px){
    .hero-cont{width:90vw;right:0;top:-4%;opacity:.9;}
    .hero{max-height: 250px;min-height:180px;}
}

/* ---------- шапка ---------- */
.site-header{border-bottom:1px solid var(--line);}
.brand{font-size:1.35rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--text);line-height:1;}
.brand-sub{font-size:.62rem;letter-spacing:3.5px;text-transform:uppercase;color:var(--muted);}
.main-nav a{color:var(--text);text-decoration:none;text-transform:uppercase;font-size:.8rem;
    letter-spacing:1.6px;padding-bottom:4px;border-bottom:2px solid transparent;transition:.2s;}
.main-nav a:hover{color:var(--accent-soft);}
.main-nav a.active{color:var(--accent);border-bottom-color:var(--accent);}
.icon{color:var(--text);font-size:1.05rem;text-decoration:none;}
.icon:hover{color:var(--accent-soft);}
.burger{background:none;border:1px solid var(--line);color:var(--text);font-size:1.3rem;
    line-height:1;padding:.2rem .55rem;border-radius:6px;}
.mobile-nav a{padding:.55rem 0;border-bottom:1px solid var(--line);}
.mobile-nav a:last-child{border-bottom:0;}

/* ---------- большие заголовки ---------- */
.big-title{text-transform:uppercase;font-weight:600;line-height:1.08;letter-spacing:.5px;
    font-size:clamp(2rem,4.6vw,3.7rem);color:#f2e9db;}

.big-title-alt{text-transform:uppercase;font-weight:600;line-height:1.08;letter-spacing:.5px;
    font-size:clamp(1.5rem,4.6vw,2.2rem);color:#f2e9db;}


.big-title .acc{color:var(--accent);}
.lead-p{color:#cfc7b8;font-size:.95rem;line-height:1.65;}

/* ---------- бокс «наш курс / подписка» ---------- */
.course-box{border:1px solid #cfc6b8;border-radius:10px;padding:1.1rem 1.4rem;
    display:flex;align-items:center;gap:1rem;background:rgba(0,0,0,.25);}
.course-box i{font-size:2.2rem;color:#e2d9c8;}
.course-box .t1{text-transform:uppercase;letter-spacing:1.6px;font-size:.95rem;color:#f2e9db;}
.course-box .t2{text-transform:uppercase;letter-spacing:1.6px;font-size:.95rem;color:var(--accent);}

/* ---------- доступ-список ---------- */
.access-list li{display:flex;gap:.6rem;align-items:baseline;text-transform:uppercase;
    letter-spacing:1.4px;font-size:.95rem;color:#f2e9db;}
.access-list i{color:var(--accent);}

/* ---------- 5 колонок ценностей ---------- */
.values{border-block:1px solid var(--line);}
.value{flex:1 1 0;min-width:170px;padding:2.2rem 1.3rem;text-align:center;border-top:1px solid var(--line);}
.value:first-child{border-top:0;}
@media (min-width:1200px){
    .value{border-top:0;}
    .value + .value{border-left:1px solid var(--line);}
}
.value .ring{width:76px;height:76px;border:1.5px solid #cfc6b8;border-radius:50%;
    display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem;
    font-size:1.9rem;color:#d9d0c1;}
.value .ring svg{width:30px;height:30px;}
.value h3{font-size:.98rem;letter-spacing:1.8px;text-transform:uppercase;color:#f2e9db;margin-bottom:.8rem;}
.value p{font-size:.83rem;line-height:1.55;color:var(--muted);margin:0;}

/* ---------- цель ---------- */
.goal-bar{border:1px solid var(--line);border-radius:10px;background:#120f0c;
    display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.9rem 1.2rem;}
.goal-label{border:1px solid var(--line);background:#1a1613;border-radius:6px;
    padding:.55rem .95rem;text-transform:uppercase;letter-spacing:2px;font-size:.9rem;color:#f2e9db;}
.goal-items{display:flex;flex-wrap:wrap;gap:.5rem 1rem;text-transform:uppercase;
    font-size:.85rem;letter-spacing:1.2px;color:#e2d9c8;}
.goal-items .sep{color:var(--accent);font-weight:700;}
.hazard{margin-left:auto;width:64px;height:16px;
    background:repeating-linear-gradient(45deg,var(--accent) 0 6px,transparent 6px 12px);}