.et_boxed_layout .hyp-topbar-section {
position: relative;
width: 100vw; left: 50%;
right: 50%;
margin-left: -50vw; margin-right: -50vw;
background-color: #000000; } .hyp-topbar-row {
padding: 4px 20px;
} .hyp-topbar-items {
display: flex;
align-items: center;
gap: 24px;
font-size: 13px;
line-height: 1.4;
}
.hyp-topbar-link {
display: inline-flex;
align-items: center;
gap: 6px;
white-space: nowrap;
color: #39a0ff;
text-decoration: none;
}
.hyp-topbar-link:hover {
text-decoration: underline;
}
.hyp-topbar-link .et-pb-icon {
font-size: 18px;
line-height: 1;
} @media (max-width: 768px) {
.hyp-topbar-items {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.hyp-topbar-link {
white-space: normal;
}
}
#mobile_menu1 {
margin-top: 10px;
}
.hh-selfhypnose{
--hh-primary:#858569;
--hh-secondary:#afaf9f;
--hh-accent:#cebb69;
--hh-text:#1f1f1f;
--hh-muted:#5a5a5a;
color:var(--hh-text);
}
.hh-selfhypnose a{
color:var(--hh-primary);
text-decoration:none;
}
.hh-selfhypnose a:hover{
text-decoration:underline;
}
.hh-selfhypnose h2,
.hh-selfhypnose h3,
.hh-selfhypnose p,
.hh-selfhypnose li{
overflow-wrap:break-word;
word-wrap:break-word;
}
.hh-selfhypnose h2{
font-size:clamp(28px, 3.2vw, 40px);
line-height:1.2;
margin:0 0 12px;
}
.hh-selfhypnose h3{
font-size:clamp(22px, 2.3vw, 30px);
line-height:1.25;
margin:0 0 8px;
}
.hh-selfhypnose p{
line-height:1.65;
margin:0 0 14px;
}
.hh-block{
border:1px solid rgba(0,0,0,.08);
border-radius:18px;
padding:20px;
margin:18px 0;
background:#fff;
box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.hh-headline-row{
display:flex;
justify-content:space-between;
align-items:baseline;
gap:14px;
flex-wrap:wrap;
margin-bottom:10px;
}
.hh-headline-row > *{
min-width:0;
}
.hh-subline{
margin:0;
color:var(--hh-muted);
font-size:clamp(15px, 1.6vw, 18px);
line-height:1.5;
}
.hh-checklist{
max-width:620px;
margin:16px auto 0;
padding:0;
list-style:none;
text-align:left;
}
.hh-checklist li{
display:flex;
align-items:flex-start;
gap:12px;
margin:12px 0;
color:var(--hh-muted);
line-height:1.55;
}
.hh-checklist li::before{
content:"✓";
flex:0 0 18px;
display:inline-flex;
align-items:center;
justify-content:center;
font-weight:900;
color:var(--hh-primary);
margin-top:1px;
}
.hh-clamp-3{
line-height:1.55;
}
.hh-steps-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.hh-step{
display:flex;
gap:12px;
align-items:flex-start;
border-radius:16px;
padding:14px;
background:rgba(175,175,159,.18);
border:1px solid rgba(0,0,0,.06);
height:100%;
min-width:0;
}
.hh-step__badge{
width:32px;
height:32px;
border-radius:999px;
background:var(--hh-primary);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:900;
font-size:16px;
line-height:1;
flex:0 0 auto;
margin-top:2px;
}
.hh-step__content{
min-width:0;
flex:1 1 auto;
}
.hh-step__content h3{
margin:0 0 6px;
font-size:clamp(20px, 2vw, 28px);
line-height:1.25;
}
.hh-step__content p{
margin:0;
color:var(--hh-muted);
font-size:16px;
line-height:1.6;
}
.hh-audio-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin-top:12px;
}
.hh-card{
border-radius:18px;
padding:16px;
border:1px solid rgba(0,0,0,.08);
background:#fff;
display:flex;
flex-direction:column;
height:100%;
min-width:0;
}
.hh-card--featured{
border-color:rgba(206,187,105,.55);
box-shadow:0 10px 28px rgba(206,187,105,.16);
}
.hh-card__top{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:10px;
flex-wrap:wrap;
margin-bottom:10px;
}
.hh-card__top > *{
min-width:0;
}
.hh-card h3{
margin:0;
font-size:clamp(24px, 2.2vw, 32px);
line-height:1.2;
}
.hh-card__desc{
margin:0;
color:var(--hh-muted);
font-size:16px;
line-height:1.6;
}
.hh-card__spacer{
flex:1 1 auto;
}
.hh-pill{
display:inline-flex;
gap:6px;
align-items:center;
border-radius:999px;
padding:6px 10px;
background:rgba(133,133,105,.12);
border:1px solid rgba(0,0,0,.06);
font-size:.92rem;
line-height:1.2;
white-space:nowrap;
}
.hh-audio-player{
width:100%;
margin-top:10px;
}
.hh-cta__text{
color:var(--hh-muted);
margin:0 0 12px;
}
.hh-cta__buttons{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:10px 0 8px;
}
.hh-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 16px;
border-radius:999px;
font-weight:800;
border:2px solid transparent;
text-decoration:none !important;
transition:transform .08s ease, background-color .15s ease, border-color .15s ease;
}
.hh-btn:active{
transform:translateY(1px);
}
.hh-btn--primary{
background:var(--hh-primary);
color:#fff !important;
}
.hh-btn--primary:hover{
background:#6f6f58;
}
.hh-btn--accent{
background:var(--hh-accent);
color:#1b1b1b !important;
}
.hh-btn--accent:hover{
background:#c4ae5a;
}
.hh-btn--ghost{
background:transparent;
border-color:rgba(0,0,0,.18);
color:var(--hh-text) !important;
}
.hh-btn--ghost:hover{
background:rgba(0,0,0,.03);
border-color:rgba(0,0,0,.28);
}
.hh-btn:focus,
.hh-btn:focus-visible,
.hh-selfhypnose a:focus-visible,
.hh-selfhypnose summary:focus-visible,
.hh-selfhypnose audio:focus-visible{
outline:3px solid var(--hh-accent);
outline-offset:3px;
}
.hh-note{
margin:10px 0 0;
color:var(--hh-muted);
font-size:15px;
line-height:1.6;
}
.hh-faq-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin-top:12px;
}
.hh-faq-item{
border:1px solid rgba(0,0,0,.10);
border-radius:16px;
padding:14px;
background:#fff;
height:100%;
}
.hh-faq-q{
margin:0;
font-weight:900;
}
.hh-faq-a{
margin:8px 0 0;
color:var(--hh-muted);
line-height:1.6;
}
@media (min-width:981px){
.hh-step__content .hh-clamp-3,
.hh-card .hh-clamp-3{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
min-height:calc(1.55em * 3);
}
}
@media (max-width:1200px){
.hh-audio-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:980px){
.hh-block{
padding:18px;
}
.hh-steps-grid,
.hh-audio-grid,
.hh-faq-grid{
grid-template-columns:1fr;
}
.hh-step{
padding:16px;
}
.hh-step__content h3{
font-size:28px;
}
.hh-card h3{
font-size:32px;
}
.hh-clamp-3{
display:block;
overflow:visible;
min-height:0;
}
}
@media (max-width:767px){
.hh-block{
padding:16px;
border-radius:16px;
}
.hh-selfhypnose h2{
font-size:clamp(26px, 8vw, 34px);
}
.hh-selfhypnose h3{
font-size:clamp(22px, 7vw, 30px);
}
.hh-subline{
font-size:16px;
}
.hh-step{
gap:10px;
padding:14px;
}
.hh-step__badge{
width:38px;
height:38px;
font-size:18px;
}
.hh-step__content h3{
font-size:26px;
line-height:1.2;
}
.hh-step__content p{
font-size:16px;
line-height:1.65;
}
.hh-card{
padding:14px;
}
.hh-card h3{
font-size:28px;
line-height:1.2;
}
.hh-card__desc{
font-size:16px;
line-height:1.65;
}
.hh-pill{
font-size:14px;
white-space:normal;
}
.hh-cta__buttons{
flex-direction:column;
}
.hh-btn{
width:100%;
}
}.et_boxed_layout .hyp-topbar-section {
position: relative;
width: 100vw; left: 50%;
right: 50%;
margin-left: -50vw; margin-right: -50vw;
background-color: #000000; } .hyp-topbar-row {
padding: 4px 20px;
} .hyp-topbar-items {
display: flex;
align-items: center;
gap: 24px;
font-size: 13px;
line-height: 1.4;
}
.hyp-topbar-link {
display: inline-flex;
align-items: center;
gap: 6px;
white-space: nowrap;
color: #39a0ff;
text-decoration: none;
}
.hyp-topbar-link:hover {
text-decoration: underline;
}
.hyp-topbar-link .et-pb-icon {
font-size: 18px;
line-height: 1;
} @media (max-width: 768px) {
.hyp-topbar-items {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
.hyp-topbar-link {
white-space: normal;
}
}
#mobile_menu1 {
margin-top: 10px;
}
.hh-selfhypnose{
--hh-primary:#858569;
--hh-secondary:#afaf9f;
--hh-accent:#cebb69;
--hh-text:#1f1f1f;
--hh-muted:#5a5a5a;
color:var(--hh-text);
}
.hh-selfhypnose a{
color:var(--hh-primary);
text-decoration:none;
}
.hh-selfhypnose a:hover{
text-decoration:underline;
}
.hh-selfhypnose h2,
.hh-selfhypnose h3,
.hh-selfhypnose p,
.hh-selfhypnose li{
overflow-wrap:break-word;
word-wrap:break-word;
}
.hh-selfhypnose h2{
font-size:clamp(28px, 3.2vw, 40px);
line-height:1.2;
margin:0 0 12px;
}
.hh-selfhypnose h3{
font-size:clamp(22px, 2.3vw, 30px);
line-height:1.25;
margin:0 0 8px;
}
.hh-selfhypnose p{
line-height:1.65;
margin:0 0 14px;
}
.hh-block{
border:1px solid rgba(0,0,0,.08);
border-radius:18px;
padding:20px;
margin:18px 0;
background:#fff;
box-shadow:0 8px 24px rgba(0,0,0,.06);
}
.hh-headline-row{
display:flex;
justify-content:space-between;
align-items:baseline;
gap:14px;
flex-wrap:wrap;
margin-bottom:10px;
}
.hh-headline-row > *{
min-width:0;
}
.hh-subline{
margin:0;
color:var(--hh-muted);
font-size:clamp(15px, 1.6vw, 18px);
line-height:1.5;
}
.hh-checklist{
max-width:620px;
margin:16px auto 0;
padding:0;
list-style:none;
text-align:left;
}
.hh-checklist li{
display:flex;
align-items:flex-start;
gap:12px;
margin:12px 0;
color:var(--hh-muted);
line-height:1.55;
}
.hh-checklist li::before{
content:"✓";
flex:0 0 18px;
display:inline-flex;
align-items:center;
justify-content:center;
font-weight:900;
color:var(--hh-primary);
margin-top:1px;
}
.hh-clamp-3{
line-height:1.55;
}
.hh-steps-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.hh-step{
display:flex;
gap:12px;
align-items:flex-start;
border-radius:16px;
padding:14px;
background:rgba(175,175,159,.18);
border:1px solid rgba(0,0,0,.06);
height:100%;
min-width:0;
}
.hh-step__badge{
width:32px;
height:32px;
border-radius:999px;
background:var(--hh-primary);
color:#fff;
display:flex;
align-items:center;
justify-content:center;
font-weight:900;
font-size:16px;
line-height:1;
flex:0 0 auto;
margin-top:2px;
}
.hh-step__content{
min-width:0;
flex:1 1 auto;
}
.hh-step__content h3{
margin:0 0 6px;
font-size:clamp(20px, 2vw, 28px);
line-height:1.25;
}
.hh-step__content p{
margin:0;
color:var(--hh-muted);
font-size:16px;
line-height:1.6;
}
.hh-audio-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
margin-top:12px;
}
.hh-card{
border-radius:18px;
padding:16px;
border:1px solid rgba(0,0,0,.08);
background:#fff;
display:flex;
flex-direction:column;
height:100%;
min-width:0;
}
.hh-card--featured{
border-color:rgba(206,187,105,.55);
box-shadow:0 10px 28px rgba(206,187,105,.16);
}
.hh-card__top{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:10px;
flex-wrap:wrap;
margin-bottom:10px;
}
.hh-card__top > *{
min-width:0;
}
.hh-card h3{
margin:0;
font-size:clamp(24px, 2.2vw, 32px);
line-height:1.2;
}
.hh-card__desc{
margin:0;
color:var(--hh-muted);
font-size:16px;
line-height:1.6;
}
.hh-card__spacer{
flex:1 1 auto;
}
.hh-pill{
display:inline-flex;
gap:6px;
align-items:center;
border-radius:999px;
padding:6px 10px;
background:rgba(133,133,105,.12);
border:1px solid rgba(0,0,0,.06);
font-size:.92rem;
line-height:1.2;
white-space:nowrap;
}
.hh-audio-player{
width:100%;
margin-top:10px;
}
.hh-cta__text{
color:var(--hh-muted);
margin:0 0 12px;
}
.hh-cta__buttons{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:10px 0 8px;
}
.hh-btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:12px 16px;
border-radius:999px;
font-weight:800;
border:2px solid transparent;
text-decoration:none !important;
transition:transform .08s ease, background-color .15s ease, border-color .15s ease;
}
.hh-btn:active{
transform:translateY(1px);
}
.hh-btn--primary{
background:var(--hh-primary);
color:#fff !important;
}
.hh-btn--primary:hover{
background:#6f6f58;
}
.hh-btn--accent{
background:var(--hh-accent);
color:#1b1b1b !important;
}
.hh-btn--accent:hover{
background:#c4ae5a;
}
.hh-btn--ghost{
background:transparent;
border-color:rgba(0,0,0,.18);
color:var(--hh-text) !important;
}
.hh-btn--ghost:hover{
background:rgba(0,0,0,.03);
border-color:rgba(0,0,0,.28);
}
.hh-btn:focus,
.hh-btn:focus-visible,
.hh-selfhypnose a:focus-visible,
.hh-selfhypnose summary:focus-visible,
.hh-selfhypnose audio:focus-visible{
outline:3px solid var(--hh-accent);
outline-offset:3px;
}
.hh-note{
margin:10px 0 0;
color:var(--hh-muted);
font-size:15px;
line-height:1.6;
}
.hh-faq-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
margin-top:12px;
}
.hh-faq-item{
border:1px solid rgba(0,0,0,.10);
border-radius:16px;
padding:14px;
background:#fff;
height:100%;
}
.hh-faq-q{
margin:0;
font-weight:900;
}
.hh-faq-a{
margin:8px 0 0;
color:var(--hh-muted);
line-height:1.6;
}
@media (min-width:981px){
.hh-step__content .hh-clamp-3,
.hh-card .hh-clamp-3{
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
overflow:hidden;
min-height:calc(1.55em * 3);
}
}
@media (max-width:1200px){
.hh-audio-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:980px){
.hh-block{
padding:18px;
}
.hh-steps-grid,
.hh-audio-grid,
.hh-faq-grid{
grid-template-columns:1fr;
}
.hh-step{
padding:16px;
}
.hh-step__content h3{
font-size:28px;
}
.hh-card h3{
font-size:32px;
}
.hh-clamp-3{
display:block;
overflow:visible;
min-height:0;
}
}
@media (max-width:767px){
.hh-block{
padding:16px;
border-radius:16px;
}
.hh-selfhypnose h2{
font-size:clamp(26px, 8vw, 34px);
}
.hh-selfhypnose h3{
font-size:clamp(22px, 7vw, 30px);
}
.hh-subline{
font-size:16px;
}
.hh-step{
gap:10px;
padding:14px;
}
.hh-step__badge{
width:38px;
height:38px;
font-size:18px;
}
.hh-step__content h3{
font-size:26px;
line-height:1.2;
}
.hh-step__content p{
font-size:16px;
line-height:1.65;
}
.hh-card{
padding:14px;
}
.hh-card h3{
font-size:28px;
line-height:1.2;
}
.hh-card__desc{
font-size:16px;
line-height:1.65;
}
.hh-pill{
font-size:14px;
white-space:normal;
}
.hh-cta__buttons{
flex-direction:column;
}
.hh-btn{
width:100%;
}
}