*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
.ho-landing{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none} :root{
--night:#0e0a1f;
--night-2:#15102a;
--night-3:#0a0716;
--teal:#152a35;
--teal-2:#1d3947;
--plum:#2a1d3d;
--cream:#f5ecdc;
--cream-soft:#ede2cf;
--gold:#c9a86b;
--gold-bright:#e3c585;
--gold-deep:#9d7e44;
--rose:#d4a896;
--copper:#b87a4d; --brand:#7E43B1;
--brand-light:#A530B2;
--brand-deep:#5D2B89;
--brand-pale:#f4e8f7;
--brand-paler:#faf3fc; --light-bg:#faf6ed;
--light-bg-2:#f4ede0;
--light-bg-soft:#fdfaf3;
--light-text:#1c1830;
--light-text-soft:#3d3753;
--light-text-muted:#6e6781;
--light-line:rgba(28,24,48,.12);
--light-line-strong:rgba(28,24,48,.22);
--muted:rgba(245,236,220,.55);
--line:rgba(245,236,220,.14);
--line-strong:rgba(245,236,220,.28);
--accent-rgb:126,67,177;
--display:'Fraunces',ui-serif,Georgia,serif;
--sans:'Outfit',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
--text-base:clamp(1rem,1.2vw,1.08rem);
--text-lg:clamp(1.1rem,1.4vw,1.25rem);
--text-4xl:clamp(3rem,7vw,5.2rem);
--text-hero:clamp(3.2rem,9.5vw,8.4rem);
--section:clamp(5rem,10vw,9rem);
--gutter:clamp(1.25rem,4vw,2.5rem);
--ease:cubic-bezier(.2,.8,.2,1);
--ease-soft:cubic-bezier(.32,.72,0,1);
}
.ho-landing{
overflow-x:hidden;
background:var(--night);
color:var(--cream);
font-family:var(--sans);
font-weight:300;
font-size:var(--text-base);
line-height:1.6;
letter-spacing:.005em;
background-image:
radial-gradient(at 12% 8%,hsla(43,55%,55%,.10) 0,transparent 55%),
radial-gradient(at 88% 92%,hsla(269,45%,52%,.18) 0,transparent 50%),
radial-gradient(at 50% 50%,hsla(285,55%,30%,.28) 0,transparent 70%),
radial-gradient(at 70% 25%,hsla(294,58%,48%,.10) 0,transparent 55%);
background-attachment:fixed;
}
::selection{background:var(--brand);color:#fff} .section-light{
background:var(--light-bg);color:var(--light-text);position:relative;
}
.section-light::before{
content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
background-image:
radial-gradient(at 12% 12%,rgba(126,67,177,.10) 0,transparent 50%),
radial-gradient(at 88% 88%,rgba(126,67,177,.07) 0,transparent 55%),
radial-gradient(at 50% 0%,rgba(165,48,178,.06) 0,transparent 40%);
}
.section-light > *{position:relative;z-index:1}
.section-light .section-label{color:var(--brand-deep)}
.section-light .section-label::before{background:var(--brand)}
.section-light .h-display{
background:none;
-webkit-text-fill-color:initial;
color:var(--light-text);
filter:none;
animation:none;
}
.section-light .h-display em{color:var(--brand)}
.section-light .feature-copy h2{
background:none;
-webkit-text-fill-color:initial;
color:var(--light-text);
filter:none;
animation:none;
}
.section-light p,.section-light .lead{color:var(--light-text-soft)}
.section-light .muted,.section-light small{color:var(--light-text-muted)} .section-light .btn-primary{
background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
color:#fff;
box-shadow:0 6px 20px -6px rgba(126,67,177,.45);
}
.section-light .btn-primary:hover{
background:linear-gradient(135deg,var(--brand-light) 0%,var(--brand) 100%);
box-shadow:0 14px 40px -12px rgba(165,48,178,.6);
transform:translateY(-2px);
}
.section-light .btn-ghost{
color:var(--brand);border-bottom-color:var(--brand);border-bottom-width:1px;
font-weight:500;
}
.section-light .btn-ghost:hover{color:var(--brand-light);border-color:var(--brand-light)}
.section-light .btn-outline{
color:var(--brand);border-color:var(--brand);border-width:1.5px;
font-weight:500;
}
.section-light .btn-outline:hover{color:#fff;border-color:var(--brand);background:var(--brand)} .section-light .config-card{
background:linear-gradient(135deg,#fff,#fdfaf3);
border-color:var(--light-line-strong);
box-shadow:0 30px 80px -30px rgba(28,24,48,.18),inset 0 1px 0 #fff;
}
.section-light .q-title{color:var(--light-text)}
.section-light .q-title em{color:var(--brand)}
.section-light .q-sub{color:var(--light-text-muted)}
.section-light .choice{
background:#fff;border-color:var(--light-line);
}
.section-light .choice .ch-glyph{color:var(--brand)}
.section-light .choice .ch-name{color:var(--light-text)}
.section-light .choice .ch-name em{color:var(--brand)}
.section-light .choice .ch-desc{color:var(--light-text-muted)}
.section-light .choice:hover{border-color:var(--brand);box-shadow:0 12px 30px -10px rgba(126,67,177,.25)}
.section-light .choice:hover::before{background:linear-gradient(135deg,rgba(126,67,177,.10),transparent 60%)}
.section-light .choice.selected{border-color:var(--brand);background:rgba(126,67,177,.06);box-shadow:0 0 0 1px var(--brand)}
.section-light .choice:hover .ch-glyph,.section-light .choice.selected .ch-glyph{color:var(--brand-deep)}
.section-light .steps .step{background:rgba(28,24,48,.12)}
.section-light .steps .step.done{background:var(--brand)}
.section-light .steps .step.current{background:var(--brand-deep)}
.section-light .steps .step.current::after{background:var(--brand-deep);box-shadow:0 0 12px var(--brand)}
.section-light .config-input select,.section-light .config-input input{
background-color:#fff;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%237E43B1' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 1.2rem center;
border:1.5px solid var(--brand);
color:var(--light-text);
font-weight:400;
box-shadow:0 4px 12px -4px rgba(126,67,177,.18);
}
.section-light .config-input input{background-image:none}
.section-light .config-input select:hover,.section-light .config-input input:hover{
border-color:var(--brand-light);background-color:var(--brand-paler);
}
.section-light .config-input select:focus,.section-light .config-input input:focus{
border-color:var(--brand-light);
background-color:#fff;
box-shadow:0 0 0 4px rgba(165,48,178,.15),0 6px 16px -4px rgba(126,67,177,.25);
}
.section-light .config-input select option{
background:#fff;color:var(--light-text);padding:.5rem;
}
.section-light .result .heart-line{color:var(--brand-deep)}
.section-light .result .heart-line::before,.section-light .result .heart-line::after{background:var(--brand)}
.section-light .result h3{color:var(--light-text)}
.section-light .result h3 em{color:var(--brand)}
.section-light .result .tag{
border-color:var(--brand);color:var(--brand-deep);background:rgba(126,67,177,.08);
}
.section-light .result .body{color:var(--light-text-soft)}
.section-light .result .body em{color:var(--brand)}
.section-light .result .heart-msg{
background:linear-gradient(135deg,rgba(126,67,177,.14),rgba(212,168,150,.08));
border-color:rgba(126,67,177,.3);
}
.section-light .result .heart-msg::before{background:var(--light-bg)}
.section-light .result .heart-msg p{color:var(--light-text)}
.section-light .result .heart-msg p em{color:var(--brand)}
.section-light .config-card.active::before{
background:conic-gradient(from 0deg,transparent 0deg,var(--brand) 60deg,transparent 120deg,transparent 240deg,var(--brand-light) 300deg,transparent 360deg);
} .section-light .shop-tile{
background:linear-gradient(160deg,var(--brand) 0%,var(--brand-light) 100%);
border:1px solid rgba(255,255,255,.20);
color:#fff;
box-shadow:0 14px 40px -16px rgba(126,67,177,.55);
}
.section-light .shop-tile:nth-child(2){
background:linear-gradient(135deg,var(--brand-deep) 0%,var(--brand) 50%,var(--brand-light) 100%);
}
.section-light .shop-tile:nth-child(3){
background:linear-gradient(200deg,var(--brand-light) 0%,var(--brand) 100%);
}
.section-light .shop-tile:nth-child(4){
background:linear-gradient(150deg,var(--brand) 0%,var(--brand-deep) 100%);
}
.section-light .shop-tile:nth-child(5){
background:linear-gradient(170deg,var(--brand-light) 0%,var(--brand-deep) 100%);
} .section-light .shop-tile::before{
background:radial-gradient(circle,rgba(255,255,255,.22),transparent 60%);
} .section-light .shop-tile::after{
background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);
}
.section-light .shop-tile:hover{
border-color:rgba(255,255,255,.45);
transform:translateY(-8px);
box-shadow:0 30px 70px -20px rgba(126,67,177,.65),0 0 40px rgba(165,48,178,.35);
}
.section-light .shop-tile:hover::before{
background:radial-gradient(circle,rgba(255,255,255,.32),transparent 60%);
transform:scale(1.5) translate(-15%,15%);
} .section-light .shop-tile h4{color:#fff}
.section-light .shop-tile .tile-desc{color:rgba(255,255,255,.85)}
.section-light .shop-tile .arrow{color:rgba(255,255,255,.92);font-weight:500}
.section-light .shop-tile:hover .arrow{color:#fff}
.section-light .shop-tile .icon{
color:#fff;
border-color:rgba(255,255,255,.35);
background:rgba(255,255,255,.10);
}
.section-light .shop-tile:hover .icon{
border-color:rgba(255,255,255,.65);
background:rgba(255,255,255,.20);
} .section-light .shop-tile .mockup{
color:#fff;
filter:drop-shadow(0 4px 14px rgba(0,0,0,.18));
} .section-light .moon-wheel .center-info .num{color:var(--brand);text-shadow:0 0 30px rgba(126,67,177,.35)}
.section-light .moon-wheel .center-info .label{color:var(--light-text-muted)}
.section-light .moon-wheel .center-info .label em{color:var(--brand)}
.section-light .rauh-state{color:var(--light-text-soft)}
.section-light .rauh-state em{color:var(--brand)}
.section-light .rauh-state-sub{color:var(--light-text-muted)}
.section-light .moon-dot{
background:#fff;border-color:var(--light-line-strong);color:var(--light-text-soft);
}
.section-light .moon-dot:hover{border-color:var(--brand);color:var(--brand)}
.section-light .moon-dot.today{border-color:var(--brand);background:rgba(126,67,177,.14);color:var(--brand-deep);box-shadow:0 0 18px rgba(126,67,177,.4)}
.section-light .moon-dot.today::after{border-color:var(--brand)}
.section-light .moon-dot.active{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:0 0 24px rgba(126,67,177,.5)}
.section-light .rauh-detail{
background:linear-gradient(135deg,#fff,#fdfaf3);
border-color:var(--light-line-strong);
}
.section-light .rauh-detail .month-tag{color:var(--brand-deep)}
.section-light .rauh-detail .month-tag::before{background:var(--brand)}
.section-light .rauh-detail h4{color:var(--light-text)}
.section-light .rauh-detail h4 em{color:var(--brand)}
.section-light .rauh-detail .question{color:var(--light-text);border-left-color:var(--brand)}
.section-light .rauh-detail .body-text{color:var(--light-text-soft)}
.section-light .rauh-detail .blessing{
background:linear-gradient(135deg,rgba(126,67,177,.14),rgba(212,168,150,.08));
border-color:rgba(126,67,177,.3);color:var(--light-text);
}
.section-light .rauh-detail .blessing::before{background:var(--light-bg)}
.section-light .rauh-detail .blessing em{color:var(--brand-deep)} .section-light .news{
background-color:#fff;
border:1.5px solid var(--brand);
box-shadow:0 6px 20px -6px rgba(126,67,177,.2);
}
.section-light .news:focus-within{
border-color:var(--brand-light);
box-shadow:0 0 0 4px rgba(165,48,178,.12),0 6px 20px -6px rgba(126,67,177,.3);
}
.section-light .news input{color:var(--light-text);font-weight:400}
.section-light .news input::placeholder{color:var(--light-text-muted)}
.section-light .news button{
background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
color:#fff;font-weight:600;
}
.section-light .news button:hover{
background:linear-gradient(135deg,var(--brand-light) 0%,var(--brand) 100%);
} .section-light .event{border-top-color:var(--light-line)}
.section-light .events-list .event:last-child{border-bottom-color:var(--light-line)}
.section-light .event:hover{background:linear-gradient(90deg,rgba(126,67,177,.06),transparent)}
.section-light .event::before{background:var(--brand)}
.section-light .event .date .day{color:var(--brand)}
.section-light .event .date .month,.section-light .event .date .year{color:var(--light-text-muted)}
.section-light .event .title{color:var(--light-text)}
.section-light .event .title em{color:var(--brand)}
.section-light .event .title small{color:var(--light-text-muted)}
.section-light .event .desc{color:var(--light-text-soft)}
.section-light .event .meta{color:var(--light-text-muted)}
.section-light .event .meta a{color:var(--brand-deep);border-bottom-color:var(--brand)}
.section-light .event .meta a:hover{color:var(--light-text)} .section-light.hero{
background:radial-gradient(ellipse at 50% 30%,#fff 0%,var(--light-bg-soft) 40%,var(--light-bg) 100%);
}
.section-light .hero-tagline{color:var(--light-text-soft)}
.section-light .eyebrow{color:var(--brand-deep)}
.section-light .eyebrow .dot{background:var(--brand);box-shadow:0 0 12px var(--brand)}
.section-light .eyebrow .line{background:linear-gradient(to right,var(--brand),transparent)}
.section-light .eyebrow .line.l{background:linear-gradient(to left,var(--brand),transparent)}
.section-light .hero h1{color:var(--light-text)}
.section-light .hero h1 em{
background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.section-light .h-display em{
background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.section-light .q-title em{
background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.section-light .result h3 em{
background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.section-light .rauh-detail h4 em{
background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.section-light.manifest blockquote em{
background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
color:var(--brand);
}
.section-light .scroll-indicator{color:var(--light-text-muted)}
.section-light .scroll-indicator .bar{background:linear-gradient(to bottom,var(--light-text-muted),transparent)} .section-light .shooting-stars i.cream{
background:linear-gradient(90deg,transparent,rgba(126,67,177,.85),rgba(93,43,137,.4),transparent);
filter:drop-shadow(0 0 5px rgba(126,67,177,.55));
}
.section-light .shooting-stars i.cream::before{
background:var(--brand);box-shadow:0 0 10px 2px rgba(126,67,177,.7);
}
.section-light .stars span{background:var(--brand)} .section-light .hero-logo-wrap::before{
background:
radial-gradient(circle at 25% 30%,rgba(165,48,178,.30) 0%,transparent 55%),
radial-gradient(circle at 75% 70%,rgba(126,67,177,.28) 0%,transparent 60%),
radial-gradient(circle at 50% 50%,rgba(245,236,220,.20) 0%,transparent 65%);
}
.section-light .hero-logo-wrap::after{
background:radial-gradient(circle at 50% 45%,#fff 0%,#faf3fc 60%,#f4e8f7 100%);
box-shadow:
0 30px 80px -20px rgba(126,67,177,.45),
0 0 0 1.5px rgba(165,48,178,.4),
inset 0 0 60px rgba(126,67,177,.08);
}
.section-light .hero-logo-wrap .outer-ring svg circle{stroke:rgba(245,216,117,.55)!important} .section-light.angebote-intro p{color:var(--light-text-soft)}
.section-light.manifest{background:linear-gradient(180deg,var(--light-bg-soft) 0%,var(--light-bg) 50%,var(--light-bg-soft) 100%)}
.section-light.manifest::before,.section-light.manifest::after{background:linear-gradient(90deg,transparent,var(--brand),transparent)}
.section-light.manifest .glyph{color:var(--brand)}
.section-light.manifest blockquote{color:var(--light-text)}
.section-light.manifest blockquote em{color:var(--brand)}
.section-light.manifest .roles{color:var(--light-text-muted)}
.section-light.manifest .body-text{color:var(--light-text-soft)}
.section-light.final-cta{background:radial-gradient(ellipse at 50% 50%,rgba(126,67,177,.14) 0%,transparent 60%),var(--light-bg-soft)}
.section-light.final-cta::before{
background-image:
radial-gradient(2px 2px at 20% 30%,var(--brand) 0,transparent 50%),
radial-gradient(1px 1px at 70% 60%,var(--brand-deep) 0,transparent 50%),
radial-gradient(1.5px 1.5px at 40% 80%,var(--brand) 0,transparent 50%);
}
.section-light.final-cta h2{color:var(--light-text)}
.section-light.final-cta h2 em{color:var(--brand)}
.section-light.final-cta p{color:var(--light-text-soft)}
.container{width:min(100%,1320px);margin-inline:auto;padding-inline:var(--gutter)}
.narrow{width:min(100%,860px);margin-inline:auto;padding-inline:var(--gutter)}
.wide{width:min(100%,1480px);margin-inline:auto;padding-inline:var(--gutter)} .grain::after{
content:'';position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.06;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
} .orbs{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.orbs span{
position:absolute;border-radius:50%;
background:radial-gradient(circle,rgba(165,48,178,.18),transparent 65%);
filter:blur(40px);
animation:floatOrb 22s ease-in-out infinite;
}
.orbs span:nth-child(1){width:500px;height:500px;top:10%;left:-10%;animation-delay:-3s}
.orbs span:nth-child(2){width:460px;height:460px;top:55%;right:-8%;animation-delay:-9s;background:radial-gradient(circle,rgba(126,67,177,.18),transparent 65%)}
.orbs span:nth-child(3){width:350px;height:350px;bottom:5%;left:30%;animation-delay:-14s;background:radial-gradient(circle,rgba(149,118,180,.14),transparent 65%)}
@keyframes floatOrb{
0%,100%{transform:translate(0,0) scale(1)}
33%{transform:translate(60px,-40px) scale(1.1)}
66%{transform:translate(-40px,40px) scale(.95)}
} .cursor-glow{
position:fixed;top:0;left:0;width:520px;height:520px;border-radius:50%;
background:radial-gradient(circle,rgba(var(--accent-rgb),.10),rgba(var(--accent-rgb),0) 65%);
transform:translate(-50%,-50%);pointer-events:none;z-index:1;
transition:opacity .4s var(--ease);mix-blend-mode:screen;
}
@media (hover:none){.cursor-glow{display:none}} header.nav{
position:fixed;top:0;left:0;right:0;z-index:50;
padding:1.4rem var(--gutter);
display:flex;align-items:center;justify-content:space-between;
transition:background .5s var(--ease),backdrop-filter .5s var(--ease),padding .4s var(--ease);
}
header.nav.scrolled{
background:rgba(14,10,31,.82);
backdrop-filter:saturate(170%) blur(18px);
-webkit-backdrop-filter:saturate(170%) blur(18px);
padding:1rem var(--gutter);
border-bottom:1px solid var(--line);
}
.brand{display:flex;align-items:center;gap:.85rem;font-family:var(--display);font-weight:400;letter-spacing:.04em;font-size:1.05rem}
.brand .mark{
width:38px;height:38px;border-radius:50%;
background:radial-gradient(circle at 30% 30%,var(--brand-light),var(--brand) 50%,var(--brand-deep) 100%);
position:relative;box-shadow:0 0 24px rgba(var(--accent-rgb),.4);flex-shrink:0;
animation:breathe 5s ease-in-out infinite;
}
@keyframes breathe{0%,100%{box-shadow:0 0 24px rgba(var(--accent-rgb),.4)}50%{box-shadow:0 0 36px rgba(var(--accent-rgb),.7)}}
.brand .mark::after{
content:'';position:absolute;inset:6px;border-radius:50%;
background:radial-gradient(circle at 70% 70%,transparent 30%,rgba(14,10,31,.65) 70%);
}
.brand small{display:block;font-family:var(--sans);font-size:.62rem;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);font-weight:400;margin-top:.15rem}
nav.primary{display:flex;align-items:center;gap:1.8rem}
nav.primary > a, nav.primary .has-sub > button{
font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--cream-soft);
position:relative;padding:.4rem 0;transition:color .3s var(--ease);
}
nav.primary > a::after, nav.primary .has-sub > button::after{
content:'';position:absolute;left:0;bottom:-2px;height:1px;width:0;
background:var(--brand);transition:width .4s var(--ease);
}
nav.primary > a:hover, nav.primary .has-sub:hover > button{color:var(--brand-light)}
nav.primary > a:hover::after, nav.primary .has-sub:hover > button::after{width:100%}
.has-sub{position:relative}
.has-sub .sub{
position:absolute;top:100%;left:-1rem;margin-top:.6rem;min-width:240px;
background:rgba(14,10,31,.96);backdrop-filter:blur(20px);
border:1px solid var(--line);border-radius:8px;padding:.6rem 0;
opacity:0;visibility:hidden;transform:translateY(-8px);
transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;
}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.has-sub .sub a{
display:block;padding:.7rem 1.2rem;font-size:.82rem;color:var(--cream-soft);
letter-spacing:.04em;transition:all .3s var(--ease);
}
.has-sub .sub a:hover{background:rgba(165,48,178,.08);color:var(--brand-light);padding-left:1.4rem}
.nav-cta{
display:inline-flex;align-items:center;gap:.5rem;
padding:.7rem 1.3rem;border:1px solid var(--brand);
border-radius:999px;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;
color:var(--brand-light);transition:all .4s var(--ease);position:relative;overflow:hidden;
}
.nav-cta::before{
content:'';position:absolute;inset:0;background:var(--brand);
transform:translateY(101%);transition:transform .5s var(--ease);z-index:-1;
}
.nav-cta:hover{color:var(--night);border-color:var(--brand-light)}
.nav-cta:hover::before{transform:translateY(0)}
.cart-link{
display:inline-flex;align-items:center;gap:.4rem;color:var(--cream-soft);
font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;
padding-left:1.5rem;border-left:1px solid var(--line);
}
.cart-link:hover{color:var(--brand-light)}
.menu-toggle{display:none;width:40px;height:40px;position:relative;z-index:60}
.menu-toggle span{position:absolute;left:8px;right:8px;height:1px;background:var(--cream);transition:.4s var(--ease)}
.menu-toggle span:nth-child(1){top:14px}
.menu-toggle span:nth-child(2){top:20px}
.menu-toggle span:nth-child(3){top:26px}
.ho-landing.menu-open .menu-toggle span:nth-child(1){top:20px;transform:rotate(45deg)}
.ho-landing.menu-open .menu-toggle span:nth-child(2){opacity:0}
.ho-landing.menu-open .menu-toggle span:nth-child(3){top:20px;transform:rotate(-45deg)}
@media(max-width:1024px){
nav.primary{
position:fixed;inset:0;background:var(--night);padding:7rem var(--gutter) 3rem;
flex-direction:column;align-items:flex-start;gap:1rem;overflow-y:auto;
transform:translateY(-100%);transition:transform .55s var(--ease);
}
.ho-landing.menu-open nav.primary{transform:translateY(0)}
nav.primary > a, nav.primary .has-sub > button{font-size:1.5rem;font-family:var(--display);text-transform:none;letter-spacing:.01em}
nav.primary > a::after, nav.primary .has-sub > button::after{display:none}
.has-sub .sub{position:static;opacity:1;visibility:visible;transform:none;background:transparent;border:0;padding:.2rem 0 .8rem 1rem;min-width:0}
.has-sub .sub a{padding:.4rem 0;font-size:.95rem}
.nav-cta{align-self:flex-start;margin-top:1rem}
.cart-link{border:0;padding:0;margin-top:1rem}
.menu-toggle{display:block}
} .hero{
position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;
padding:5rem var(--gutter) 5rem;overflow:hidden;text-align:center;
}
.stars{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-inner{position:relative;z-index:3} .cosmos{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden} .nebula{
position:absolute;width:140%;height:140%;
top:50%;left:50%;transform:translate(-50%,-50%);
background:
radial-gradient(circle at 22% 28%,rgba(165,48,178,.42) 0%,transparent 32%),
radial-gradient(circle at 78% 72%,rgba(126,67,177,.38) 0%,transparent 38%),
radial-gradient(circle at 50% 50%,rgba(126,67,177,.22) 0%,transparent 55%),
radial-gradient(circle at 85% 25%,rgba(165,48,178,.30) 0%,transparent 30%),
radial-gradient(circle at 15% 80%,rgba(165,48,178,.28) 0%,transparent 32%);
filter:blur(40px);
animation:nebulaSwirl 32s ease-in-out infinite;
mix-blend-mode:screen;
}
@keyframes nebulaSwirl{
0%,100%{transform:translate(-50%,-50%) scale(1) rotate(0deg)}
33%{transform:translate(-52%,-48%) scale(1.05) rotate(4deg)}
66%{transform:translate(-48%,-52%) scale(1.08) rotate(-3deg)}
} .constell{
position:absolute;color:var(--brand-light);
pointer-events:none;opacity:.85;
}
.constell svg{width:100%;height:auto;display:block;overflow:visible}
.constell .star-c{fill:#fdf7ff;filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}
.constell .star-c-bright{fill:var(--brand-light);filter:drop-shadow(0 0 6px rgba(165,48,178,.7))}
.constell .line-c{stroke:var(--brand-light);stroke-width:.7;opacity:.7}
.constell .glyph-c{
font-family:var(--display);font-style:italic;font-size:14px;
fill:#dccaf2;opacity:.85;
}
.constell.c1{top:6%;left:3%;width:clamp(130px,14vw,180px);animation:driftA 14s ease-in-out infinite}
.constell.c2{top:5%;right:3%;width:clamp(130px,14vw,190px);animation:driftB 16s ease-in-out infinite}
.constell.c3{bottom:14%;left:3%;width:clamp(120px,12vw,170px);animation:driftC 18s ease-in-out infinite}
.constell.c4{bottom:10%;right:3%;width:clamp(130px,13vw,180px);animation:driftD 15s ease-in-out infinite}
@keyframes driftA{0%,100%{transform:translate(0,0)}50%{transform:translate(8px,-6px)}}
@keyframes driftB{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,5px)}}
@keyframes driftC{0%,100%{transform:translate(0,0)}50%{transform:translate(6px,4px)}}
@keyframes driftD{0%,100%{transform:translate(0,0)}50%{transform:translate(-6px,-5px)}} .constell .star-c,.constell .star-c-bright{
animation:starPulse 3s ease-in-out infinite;
}
.constell .star-c:nth-child(2n){animation-delay:.4s}
.constell .star-c:nth-child(3n){animation-delay:.8s}
.constell .star-c:nth-child(5n){animation-delay:1.2s}
@keyframes starPulse{
0%,100%{opacity:.6;transform:scale(1)}
50%{opacity:1;transform:scale(1.15)}
} .zodiac-float{position:absolute;inset:0;pointer-events:none}
.zodiac-float span{
position:absolute;
font-family:'Apple Symbols','Segoe UI Symbol','Symbola','Outfit',sans-serif;
font-size:clamp(1.6rem,2.8vw,2.6rem);
color:#e8b8f0;
opacity:0;font-weight:400;line-height:1;
text-shadow:0 0 24px rgba(165,48,178,.7),0 0 10px rgba(126,67,177,.5);
animation:zodiacAppear 22s ease-in-out infinite;
user-select:none;
}
.zodiac-float span:nth-child(1){top:14%;left:18%;animation-delay:0s}
.zodiac-float span:nth-child(2){top:24%;right:18%;animation-delay:-1.8s}
.zodiac-float span:nth-child(3){top:46%;left:7%;animation-delay:-3.6s}
.zodiac-float span:nth-child(4){top:58%;right:8%;animation-delay:-5.4s}
.zodiac-float span:nth-child(5){bottom:18%;left:22%;animation-delay:-7.2s}
.zodiac-float span:nth-child(6){bottom:26%;right:25%;animation-delay:-9s}
.zodiac-float span:nth-child(7){top:32%;left:32%;animation-delay:-10.8s}
.zodiac-float span:nth-child(8){top:64%;right:32%;animation-delay:-12.6s}
.zodiac-float span:nth-child(9){top:8%;right:38%;animation-delay:-14.4s}
.zodiac-float span:nth-child(10){bottom:10%;left:38%;animation-delay:-16.2s}
.zodiac-float span:nth-child(11){top:50%;right:42%;animation-delay:-18s}
.zodiac-float span:nth-child(12){bottom:36%;left:14%;animation-delay:-19.8s}
@keyframes zodiacAppear{
0%{opacity:0;transform:translate(0,15px) scale(.85)}
12%{opacity:.55;transform:translate(0,0) scale(1)}
40%{opacity:.6}
70%{opacity:.4}
88%{opacity:0;transform:translate(0,-15px) scale(.9)}
100%{opacity:0}
} .shooting-stars{
position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
perspective:1200px;perspective-origin:50% 50%;
}
.shooting-stars i{
position:absolute;display:block;height:1.2px;border-radius:50%;
opacity:0;
filter:drop-shadow(0 0 5px rgba(245,236,220,.7));
}
.shooting-stars i::before{
content:'';position:absolute;right:0;top:-1px;width:3.5px;height:3.5px;border-radius:50%;
background:#fff;box-shadow:0 0 10px 2px rgba(245,236,220,.85);
} .shooting-stars i.cream{
background:linear-gradient(90deg,transparent,rgba(245,236,220,.85),rgba(232,184,240,.4),transparent);
} .shooting-stars i.magenta{
background:linear-gradient(90deg,transparent,rgba(165,48,178,.85),rgba(126,67,177,.4),transparent);
filter:drop-shadow(0 0 6px rgba(165,48,178,.6));
}
.shooting-stars i.magenta::before{
background:#fce6ff;box-shadow:0 0 10px 2px rgba(165,48,178,.85);
} .shooting-stars i.purple{
background:linear-gradient(90deg,transparent,rgba(126,67,177,.85),rgba(165,48,178,.4),transparent);
filter:drop-shadow(0 0 6px rgba(126,67,177,.55));
}
.shooting-stars i.purple::before{
background:#f0deff;box-shadow:0 0 10px 2px rgba(126,67,177,.85);
}  .shooting-stars i:nth-child(1){
top:8%;left:-12%;width:160px;
animation:shoot1 8s ease-in-out infinite;animation-delay:0s;
}
@keyframes shoot1{
0%{transform:translate3d(0,0,0) rotate(18deg);opacity:0}
6%{opacity:1}65%{opacity:1}
100%{transform:translate3d(140vw,46vh,0) rotate(18deg);opacity:0}
} .shooting-stars i:nth-child(2){
top:-8%;left:42%;width:90px;
animation:shoot2 6.5s ease-in-out infinite;animation-delay:2s;
}
@keyframes shoot2{
0%{transform:translate3d(0,0,-200px) rotate(72deg);opacity:0}
10%{opacity:.9}70%{opacity:.9}
100%{transform:translate3d(30vw,115vh,-200px) rotate(72deg);opacity:0}
} .shooting-stars i:nth-child(3){
top:6%;right:-12%;left:auto;width:150px;
animation:shoot3 9s ease-in-out infinite;animation-delay:4s;
}
@keyframes shoot3{
0%{transform:translate3d(0,0,0) rotate(162deg);opacity:0}
7%{opacity:1}65%{opacity:1}
100%{transform:translate3d(-130vw,42vh,0) rotate(162deg);opacity:0}
} .shooting-stars i:nth-child(4){
top:38%;left:-15%;width:200px;
animation:shoot4 5.5s ease-in-out infinite;animation-delay:1s;
}
@keyframes shoot4{
0%{transform:translate3d(0,0,100px) rotate(8deg);opacity:0}
8%{opacity:1}70%{opacity:1}
100%{transform:translate3d(135vw,18vh,100px) rotate(8deg);opacity:0}
} .shooting-stars i:nth-child(5){
top:-5%;left:8%;width:130px;
animation:shoot5 7.5s ease-in-out infinite;animation-delay:3.5s;
}
@keyframes shoot5{
0%{transform:translate3d(0,0,0) rotate(48deg);opacity:0}
8%{opacity:1}65%{opacity:1}
100%{transform:translate3d(70vw,110vh,0) rotate(48deg);opacity:0}
} .shooting-stars i:nth-child(6){
top:22%;left:-8%;width:70px;
animation:shoot6 10s ease-in-out infinite;animation-delay:6s;
}
@keyframes shoot6{
0%{transform:translate3d(0,0,-400px) rotate(25deg) scale(.7);opacity:0}
10%{opacity:.6}70%{opacity:.6}
100%{transform:translate3d(115vw,50vh,-400px) rotate(25deg) scale(.7);opacity:0}
} .shooting-stars i:nth-child(7){
top:-3%;right:18%;left:auto;width:100px;
animation:shoot7 8.5s ease-in-out infinite;animation-delay:5s;
}
@keyframes shoot7{
0%{transform:translate3d(0,0,80px) rotate(115deg);opacity:0}
8%{opacity:1}65%{opacity:1}
100%{transform:translate3d(-40vw,118vh,80px) rotate(115deg);opacity:0}
} .shooting-stars i:nth-child(8){
top:65%;left:-12%;width:180px;
animation:shoot8 9.5s ease-in-out infinite;animation-delay:2.8s;
}
@keyframes shoot8{
0%{transform:translate3d(0,0,0) rotate(-12deg);opacity:0}
7%{opacity:.9}60%{opacity:.9}
100%{transform:translate3d(135vw,-50vh,0) rotate(-12deg);opacity:0}
}
.stars span{position:absolute;background:var(--cream);border-radius:50%;opacity:.4;animation:twinkle 3s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.15;transform:scale(.9)}50%{opacity:.7;transform:scale(1.2)}}
.hero-logo-wrap{
position:relative;width:min(49vw,336px);aspect-ratio:1;margin:0 auto 3rem;
z-index:5;
animation:floatMed 9s ease-in-out infinite;
}
@keyframes floatMed{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes rotate{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}} .hero-logo-wrap::before{
content:'';position:absolute;inset:-22%;border-radius:50%;
background:
radial-gradient(circle at 28% 30%,rgba(165,48,178,.45) 0%,transparent 50%),
radial-gradient(circle at 72% 70%,rgba(126,67,177,.40) 0%,transparent 55%),
radial-gradient(circle at 50% 50%,rgba(245,236,220,.18) 0%,transparent 60%);
filter:blur(32px);
z-index:0;
animation:haloPulse 7s ease-in-out infinite;
}
@keyframes haloPulse{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}} .hero-logo-wrap::after{
content:'';position:absolute;inset:4%;border-radius:50%;
background:radial-gradient(circle at 50% 45%,#fff 0%,#fbf5e6 50%,#f5ecdc 100%);
box-shadow:
0 30px 80px -20px rgba(0,0,0,.7),
0 0 0 1.5px rgba(165,48,178,.5),
0 0 60px rgba(165,48,178,.4),
inset 0 0 60px rgba(165,48,178,.06);
z-index:1;
}
.hero-logo{
position:absolute;inset:7%;width:86%;height:86%;
object-fit:contain;z-index:3;
filter:drop-shadow(0 8px 24px rgba(0,0,0,.15));
animation:logoBreathe 8s ease-in-out infinite;
}
@keyframes logoBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}} .hero-logo-wrap .outer-ring{
position:absolute;inset:-2%;width:104%;height:104%;
z-index:2;pointer-events:none;
animation:rotate 240s linear infinite;
}
.hero-logo-wrap .outer-ring svg{width:100%;height:100%;display:block}
.hero-inner{position:relative;z-index:2;max-width:1100px;margin:0 auto}
.eyebrow{
display:inline-flex;align-items:center;gap:.7rem;
font-size:.72rem;letter-spacing:.4em;text-transform:uppercase;
color:#d27ce0;margin-bottom:2rem;justify-content:center;
}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--brand-light);box-shadow:0 0 14px var(--brand-light);animation:dotPulse 2s ease-in-out infinite}
@keyframes dotPulse{0%,100%{box-shadow:0 0 14px var(--brand-light)}50%{box-shadow:0 0 26px var(--brand-light)}}
.eyebrow .line{width:42px;height:1px;background:linear-gradient(to right,var(--brand-light),transparent)}
.eyebrow .line.l{background:linear-gradient(to left,var(--brand-light),transparent)}
.hero h1{
font-family:var(--display);font-size:var(--text-hero);font-weight:300;
line-height:.94;letter-spacing:-.022em;
margin-bottom:1.4rem;font-variation-settings:"opsz" 144;
color:var(--cream);
}
.hero h1 .word{display:inline-block;overflow:hidden;vertical-align:bottom;margin-right:.05em}
.hero h1 .word>span{
display:inline-block;transform:translateY(110%);
transition:transform 1.1s var(--ease-soft); background:linear-gradient(135deg,#fff4d0 0%,#f5d875 20%,#e8c468 40%,#c9a86b 55%,#e8c468 70%,#f5d875 85%,#fff4d0 100%);
background-size:200% 100%;
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:transparent;
filter:drop-shadow(0 0 18px rgba(201,168,107,.3));
animation:goldShimmer 10s ease-in-out infinite;
}
.hero h1 .word>span em{
font-style:italic;font-weight:300;
background:linear-gradient(135deg,#d27ce0 0%,#A530B2 50%,#7E43B1 100%);
background-size:100% 100%;
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:transparent;
filter:none;animation:none;
}
.hero.in h1 .word>span{transform:translateY(0)}
.hero h1 .word:nth-child(2)>span{transition-delay:.08s}
.hero h1 .word:nth-child(3)>span{transition-delay:.16s}
.hero h1 .word:nth-child(4)>span{transition-delay:.24s}
.hero-sub{
font-family:var(--display);font-style:italic;font-weight:300;
font-size:clamp(1rem,1.6vw,1.4rem);letter-spacing:.36em;text-transform:uppercase;
color:var(--brand-light);margin-bottom:2.4rem;
}
.hero-tagline{
max-width:560px;margin:0 auto 2.6rem;color:var(--cream-soft);font-size:var(--text-lg);font-weight:300;
opacity:0;transform:translateY(20px);transition:opacity 1s .9s var(--ease),transform 1s .9s var(--ease);
}
.hero.in .hero-tagline{opacity:1;transform:none}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:center;justify-content:center;
margin-bottom:5rem;
opacity:0;transform:translateY(20px);transition:opacity 1s 1s var(--ease),transform 1s 1s var(--ease)}
.hero.in .hero-actions{opacity:1;transform:none}
@media(max-width:560px){
.hero-actions{flex-direction:column;gap:.6rem;margin-bottom:5.5rem}
.hero-actions .btn-primary,.hero-actions .btn-ghost{font-size:.68rem;letter-spacing:.14em}
.hero-actions .btn-primary{padding:.85rem 1.4rem}
.hero-actions .btn-ghost{padding:.6rem .4rem}
} .btn-primary{
display:inline-flex;align-items:center;gap:.7rem;
padding:.95rem 1.6rem;
background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);color:#fff;
font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;
border-radius:999px;transition:all .4s var(--ease);position:relative;overflow:hidden;
box-shadow:0 6px 20px -6px rgba(126,67,177,.5);
}
.btn-primary::before{
content:'';position:absolute;inset:0;
background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);
transform:translateX(-100%);transition:transform .8s var(--ease);
}
.btn-primary:hover::before{transform:translateX(100%)}
.btn-primary::after{content:'→';transition:transform .4s var(--ease);font-weight:300;position:relative;z-index:1}
.btn-primary:hover{
background:linear-gradient(135deg,var(--brand-light) 0%,var(--brand) 100%);
transform:translateY(-2px);
box-shadow:0 14px 40px -12px rgba(165,48,178,.65);
}
.btn-primary:hover::after{transform:translateX(6px)}
.btn-ghost{
display:inline-flex;align-items:center;gap:.6rem;
padding:.95rem .4rem;color:var(--cream);
font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
border-bottom:1px solid var(--line);transition:all .35s var(--ease);
}
.btn-ghost:hover{color:var(--brand-light);border-color:var(--brand)}
.btn-outline{
display:inline-flex;align-items:center;gap:.6rem;
padding:.95rem 1.6rem;color:var(--cream);
font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
border:1px solid var(--line-strong);border-radius:999px;
transition:all .4s var(--ease);
}
.btn-outline:hover{border-color:var(--brand);color:var(--brand-light);background:rgba(165,48,178,.06)}
.scroll-indicator{
position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);
font-size:.62rem;letter-spacing:.4em;text-transform:uppercase;color:var(--muted);
display:flex;flex-direction:column;align-items:center;gap:.8rem;z-index:2;
}
.scroll-indicator .bar{
width:1px;height:42px;background:linear-gradient(to bottom,var(--muted),transparent);
animation:scrollPulse 2.4s ease-in-out infinite;
}
@keyframes scrollPulse{0%,100%{transform:scaleY(.4);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}} .marquee{
border-top:1px solid var(--line);border-bottom:1px solid var(--line);
padding:1.6rem 0;overflow:hidden;position:relative;
background:rgba(0,0,0,.18);
}
.marquee-track{display:flex;gap:3.5rem;animation:slide 38s linear infinite;width:max-content}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee span{
font-family:var(--display);font-style:italic;font-weight:300;
font-size:clamp(1.4rem,2.8vw,2.2rem);color:#f5d875;
display:inline-flex;align-items:center;gap:3.5rem;white-space:nowrap;
}
.marquee span::after{content:'✦';color:#e8c468;font-style:normal}
.marquee span:nth-child(even)::after{color:#c9a86b}
@keyframes slide{to{transform:translateX(-50%)}} .section{padding:var(--section) 0;position:relative}
.section-label{
display:inline-flex;align-items:center;gap:.8rem;
font-size:.7rem;letter-spacing:.42em;text-transform:uppercase;
color:var(--brand-light);margin-bottom:1.6rem;
}
.section-label::before{content:'';width:32px;height:1px;background:var(--brand)}
.h-display{
font-family:var(--display);font-weight:300;font-size:var(--text-4xl);
line-height:1;letter-spacing:-.018em;
font-variation-settings:"opsz" 144; background:linear-gradient(135deg,#fff4d0 0%,#f5d875 20%,#e8c468 40%,#c9a86b 55%,#e8c468 70%,#f5d875 85%,#fff4d0 100%);
background-size:200% 100%;
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:transparent;
filter:drop-shadow(0 0 18px rgba(201,168,107,.25));
animation:goldShimmer 8s ease-in-out infinite;
}
.h-display em{
font-style:italic;font-weight:300;
background:linear-gradient(135deg,#d27ce0 0%,#A530B2 50%,#7E43B1 100%);
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:transparent;
filter:none;
}
@keyframes goldShimmer{
0%,100%{background-position:0% 50%}
50%{background-position:100% 50%}
}
.angebote-intro{text-align:center;padding-top:var(--section)}
.angebote-intro .section-label{justify-content:center}
.angebote-intro h2{max-width:18ch;margin:0 auto 1.6rem}
.angebote-intro p{max-width:48ch;margin:0 auto;color:var(--cream-soft);font-size:var(--text-lg);font-weight:300} .feature{position:relative;padding:clamp(4rem,9vw,8rem) 0;overflow:hidden}
.feature.dark{background:linear-gradient(180deg,var(--night) 0%,var(--night-3) 60%,var(--night) 100%)}
.feature.warm{background:linear-gradient(180deg,var(--night) 0%,var(--plum) 50%,var(--night) 100%)}
.feature-bg-num{
position:absolute;font-family:var(--display);font-weight:300;font-style:italic;
font-size:clamp(20rem,42vw,42rem);line-height:.8;
color:rgba(165,48,178,.04);pointer-events:none;z-index:0;
font-variation-settings:"opsz" 144;user-select:none;
animation:driftNum 30s ease-in-out infinite;
}
@keyframes driftNum{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-15px)}}
.feature.alt-1 .feature-bg-num{top:-2rem;left:-3rem}
.feature.alt-2 .feature-bg-num{top:-2rem;right:-3rem}
.feature-grid{
display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);
align-items:center;position:relative;z-index:1;
}
.feature.alt-2 .feature-grid{direction:rtl}
.feature.alt-2 .feature-grid > *{direction:ltr}
@media(max-width:980px){
.feature-grid{grid-template-columns:1fr;gap:3rem}
.feature.alt-2 .feature-grid{direction:ltr}
}
.feature-visual{
position:relative;aspect-ratio:4/5;border-radius:8px;overflow:hidden;
border:1px solid var(--line);
box-shadow:0 30px 80px -20px rgba(0,0,0,.55);
transition:transform 1.2s var(--ease);
}
.feature-visual:hover{transform:scale(1.02)}
.feature-visual.klang{background:radial-gradient(ellipse at 50% 40%,#3a4a55 0%,#1a2a35 40%,#0e0a1f 100%)}
.feature-visual.klang::before{
content:'';position:absolute;inset:0;
background:
radial-gradient(circle at 35% 50%,rgba(165,48,178,.45) 0,transparent 18%),
radial-gradient(circle at 65% 55%,rgba(212,168,150,.4) 0,transparent 16%);
filter:blur(2px);
}
.feature-visual.klang::after{
content:'';position:absolute;inset:0;
background:radial-gradient(circle at 50% 100%,rgba(0,0,0,.6),transparent 50%);
}
.gong-svg,.constellation-svg{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.feature-visual.mentoring{background:radial-gradient(ellipse at 50% 30%,#3a2a4d 0%,#1f1635 50%,#0e0a1f 100%)}
.feature-visual.mentoring::before{
content:'';position:absolute;inset:0;
background:
radial-gradient(circle at 50% 30%,rgba(165,48,178,.35) 0,transparent 50%),
radial-gradient(circle at 30% 75%,rgba(212,168,150,.22) 0,transparent 60%);
mix-blend-mode:screen;
}
.visual-label{
position:absolute;top:1.5rem;left:1.5rem;z-index:3;
font-size:.65rem;letter-spacing:.4em;text-transform:uppercase;color:var(--cream);
display:flex;align-items:center;gap:.6rem;
}
.visual-label::before{content:'';width:18px;height:1px;background:var(--brand)}
.visual-num{
position:absolute;bottom:1.5rem;right:1.5rem;z-index:3;
font-family:var(--display);font-style:italic;font-size:1rem;color:var(--brand-light);
}
.feature-copy .section-label{margin-bottom:1.4rem}
.feature-copy h2{
font-family:var(--display);font-weight:300;
font-size:clamp(2.6rem,6.5vw,5rem);line-height:.95;letter-spacing:-.02em;
margin-bottom:1.8rem;font-variation-settings:"opsz" 144;
background:linear-gradient(135deg,#fff4d0 0%,#f5d875 20%,#e8c468 40%,#c9a86b 55%,#e8c468 70%,#f5d875 85%,#fff4d0 100%);
background-size:200% 100%;
-webkit-background-clip:text;background-clip:text;
-webkit-text-fill-color:transparent;color:transparent;
filter:drop-shadow(0 0 18px rgba(201,168,107,.25));
animation:goldShimmer 8s ease-in-out infinite;
}
.feature-copy h2 em{font-style:italic;color:var(--brand-light);font-weight:300} #klang .feature-copy h2 em,
#mentoring .feature-copy h2 em{
background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
color:var(--brand-light);
}
#klang .feature-copy .section-label,
#klang .visual-label,
#mentoring .feature-copy .section-label,
#mentoring .visual-label{color:var(--brand-light)}
#klang .feature-copy .section-label::before,
#klang .visual-label::before,
#mentoring .feature-copy .section-label::before,
#mentoring .visual-label::before{background:var(--brand)}
#klang .feature-copy blockquote,
#mentoring .feature-copy blockquote{border-left-color:var(--brand-light)}
#klang .feature-copy .feature-bullets li::before,
#mentoring .feature-copy .feature-bullets li::before{color:var(--brand-light)}
#klang .feature-copy .btn-primary,
#mentoring .feature-copy .btn-primary{
background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
color:#fff;
box-shadow:0 6px 20px -6px rgba(126,67,177,.5);
}
#klang .feature-copy .btn-primary:hover,
#mentoring .feature-copy .btn-primary:hover{
background:linear-gradient(135deg,var(--brand-light) 0%,var(--brand) 100%);
box-shadow:0 14px 40px -12px rgba(165,48,178,.65);
transform:translateY(-2px);
}
#klang .visual-num,
#mentoring .visual-num{color:var(--brand-light)}
#klang .feature-bg-num{color:rgba(126,67,177,.08)}
#mentoring .feature-bg-num{color:rgba(165,48,178,.08)}
.feature-copy .lead{
font-size:var(--text-lg);color:var(--cream-soft);font-weight:300;
max-width:46ch;margin-bottom:2rem;
}
.feature-copy blockquote{
font-family:var(--display);font-style:italic;font-weight:300;
font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.45;
color:var(--cream);max-width:42ch;
padding-left:1.4rem;border-left:1px solid var(--brand);
margin-bottom:2.4rem;font-variation-settings:"opsz" 144;
}
.feature-bullets{margin:2rem 0;display:grid;gap:.85rem}
.feature-bullets li{
display:flex;align-items:flex-start;gap:.8rem;
font-size:.98rem;color:var(--cream-soft);font-weight:300;
opacity:0;transform:translateX(-8px);
transition:opacity .8s var(--ease),transform .8s var(--ease);
}
.feature-copy.in .feature-bullets li{opacity:1;transform:none}
.feature-copy.in .feature-bullets li:nth-child(1){transition-delay:.4s}
.feature-copy.in .feature-bullets li:nth-child(2){transition-delay:.5s}
.feature-copy.in .feature-bullets li:nth-child(3){transition-delay:.6s}
.feature-copy.in .feature-bullets li:nth-child(4){transition-delay:.7s}
.feature-bullets li::before{content:'✦';color:var(--brand);margin-top:.2rem;flex-shrink:0;font-size:.78rem}
.feature-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.4rem} .config{
position:relative;padding:var(--section) var(--gutter);overflow:hidden;
}
.config.klang-bg{background:linear-gradient(180deg,var(--night) 0%,#0c1822 50%,var(--night) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.config.astro-bg{background:linear-gradient(180deg,var(--night) 0%,#1a1130 50%,var(--night) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.config.rauh-bg{background:linear-gradient(180deg,var(--night) 0%,#15121f 30%,#1c1428 60%,var(--night) 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .config.section-light{
background:linear-gradient(180deg,var(--light-bg-soft) 0%,var(--light-bg) 50%,var(--light-bg-soft) 100%);
border-top:1px solid var(--light-line);border-bottom:1px solid var(--light-line);
} .moon-wheel{position:relative;width:min(86vw,460px);aspect-ratio:1;margin:0 auto 2rem}
.moon-wheel svg{width:100%;height:100%}
.moon-wheel .ring-rotate{animation:rotate 200s linear infinite;transform-origin:center}
.moon-wheel .zodiac-rotate{animation:rotate 280s linear infinite reverse;transform-origin:center}
.moon-wheel .rays-rotate{animation:rotate 90s linear infinite;transform-origin:center}
.moon-wheel .hexagram{animation:hexBreathe 8s ease-in-out infinite;transform-origin:center}
@keyframes hexBreathe{0%,100%{opacity:.6;transform:rotate(0deg) scale(1)}50%{opacity:1;transform:rotate(2deg) scale(1.04)}}
.moon-wheel .center-info{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;
}
.moon-wheel .center-info .num{
font-family:var(--display);font-style:italic;font-weight:300;
font-size:clamp(3.5rem,9vw,5.5rem);line-height:1;
background:linear-gradient(135deg,#fff4d0 0%,#f5d875 30%,#e8c468 60%,#c9a86b 100%);
background-size:200% 100%;
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
font-variation-settings:"opsz" 144;
filter:drop-shadow(0 0 24px rgba(201,168,107,.55)) drop-shadow(0 0 48px rgba(232,196,104,.3));
animation:goldShimmer 8s ease-in-out infinite;
transition:all .6s var(--ease);
}
.moon-wheel .center-info .label{
font-size:.62rem;letter-spacing:.4em;text-transform:uppercase;color:rgba(245,216,117,.8);
margin-top:.6rem;
}
.moon-wheel .center-info .label em{font-style:italic;color:#f5d875;font-family:var(--display);text-transform:none;letter-spacing:.04em;font-size:.95rem}
.moon-dots{
display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:2.4rem auto 0;
max-width:600px;
}
.moon-dot{
width:42px;height:42px;border-radius:50%;
border:1px solid var(--line-strong);background:rgba(245,236,220,.04);
color:var(--cream-soft);font-family:var(--display);font-size:.95rem;font-weight:400;
display:grid;place-items:center;cursor:pointer;
transition:all .4s var(--ease);position:relative;
font-variation-settings:"opsz" 144;
}
.moon-dot:hover{border-color:var(--brand-light);color:#e8b8f0;transform:scale(1.1)}
.moon-dot.today{border-color:var(--brand-light);background:rgba(165,48,178,.18);color:#fff;box-shadow:0 0 18px rgba(165,48,178,.55)}
.moon-dot.today::after{content:'';position:absolute;inset:-4px;border:1px solid var(--brand-light);border-radius:50%;opacity:.7;animation:ringExpand 2.4s ease-out infinite}
.moon-dot.active{border-color:var(--brand-light);background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);color:#fff;box-shadow:0 0 26px rgba(165,48,178,.6);transform:scale(1.12)}
.rauh-state{
text-align:center;font-family:var(--display);font-style:italic;font-weight:300;
font-size:clamp(1.1rem,1.8vw,1.4rem);color:var(--cream-soft);margin-bottom:.6rem;
font-variation-settings:"opsz" 144;
}
.rauh-state em{font-style:normal;color:var(--brand-light)}
.rauh-state-sub{text-align:center;font-size:.85rem;color:var(--muted);letter-spacing:.04em;margin-bottom:1rem}
.rauh-detail{
margin-top:2.4rem;padding:clamp(1.5rem,3vw,2.2rem);
background:linear-gradient(135deg,rgba(245,236,220,.05),rgba(245,236,220,.01));
border:1px solid var(--line-strong);border-radius:12px;
animation:stepFade .9s var(--ease-soft);position:relative;overflow:hidden;
}
.rauh-detail::before{
content:'';position:absolute;top:-50%;right:-30%;width:80%;height:200%;
background:radial-gradient(circle,rgba(165,48,178,.10),transparent 60%);
pointer-events:none;
}
.rauh-detail .month-tag{
display:inline-flex;align-items:center;gap:.7rem;
font-size:.68rem;letter-spacing:.4em;text-transform:uppercase;color:var(--brand-light);
margin-bottom:1rem;position:relative;z-index:1;
}
.rauh-detail .month-tag::before{content:'';width:24px;height:1px;background:var(--brand-light)}
.rauh-detail h4{
font-family:var(--display);font-weight:300;font-size:clamp(1.5rem,2.6vw,2.1rem);
color:var(--cream);margin-bottom:1.2rem;line-height:1.2;font-variation-settings:"opsz" 144;
position:relative;z-index:1;
}
.rauh-detail h4 em{font-style:italic;color:var(--brand-light)}
.rauh-detail .question{
font-family:var(--display);font-style:italic;font-weight:300;
font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.45;color:var(--cream);
padding-left:1.4rem;border-left:1px solid var(--brand-light);
margin-bottom:1.5rem;font-variation-settings:"opsz" 144;
position:relative;z-index:1;
}
.rauh-detail .body-text{color:var(--cream-soft);font-weight:300;max-width:54ch;margin-bottom:1.5rem;position:relative;z-index:1;line-height:1.7}
.rauh-detail .blessing{
margin-top:1.5rem;padding:1.4rem 1.8rem;
background:linear-gradient(135deg,rgba(165,48,178,.12),rgba(212,168,150,.06));
border:1px solid rgba(165,48,178,.25);border-radius:10px;
font-family:var(--display);font-style:italic;font-weight:300;
font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.55;
color:var(--cream);position:relative;z-index:1;
font-variation-settings:"opsz" 144;
}
.rauh-detail .blessing::before{
content:'❤';position:absolute;top:-12px;left:1.5rem;background:#1c1428;padding:0 .55rem;color:var(--rose);font-size:1rem;
}
.rauh-detail .blessing em{font-style:normal;color:var(--brand-light);font-weight:400}
.rauh-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2rem;position:relative;z-index:1}
.config::before{
content:'';position:absolute;inset:0;
background-image:
radial-gradient(2px 2px at 15% 25%,var(--cream) 0,transparent 50%),
radial-gradient(1px 1px at 75% 65%,var(--brand) 0,transparent 50%),
radial-gradient(1.5px 1.5px at 45% 85%,var(--cream) 0,transparent 50%),
radial-gradient(1px 1px at 85% 25%,var(--brand-light) 0,transparent 50%),
radial-gradient(1px 1px at 25% 70%,var(--cream-soft) 0,transparent 50%);
opacity:.25;pointer-events:none;
}
.config-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto}
.config-head{text-align:center;margin-bottom:3.5rem}
.config-head .section-label{justify-content:center;display:inline-flex}
.config-head h2{margin:0 auto 1.2rem;max-width:20ch}
.config-head p{max-width:50ch;margin:0 auto;color:var(--cream-soft);font-size:var(--text-lg);font-weight:300}
.section-light .config-head p{color:var(--brand-deep)}
.config-card{
position:relative;padding:clamp(2rem,5vw,3.6rem);
background:linear-gradient(135deg,rgba(245,236,220,.04) 0%,rgba(245,236,220,.01) 100%);
border:1px solid var(--line-strong);border-radius:14px;
backdrop-filter:blur(8px);
box-shadow:0 30px 80px -30px rgba(0,0,0,.6),inset 0 1px 0 rgba(245,236,220,.06);
overflow:hidden;
}
.config-card::before{
content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;
background:conic-gradient(from 0deg,transparent 0deg,var(--brand) 60deg,transparent 120deg,transparent 240deg,var(--rose) 300deg,transparent 360deg);
border-radius:14px;z-index:-1;opacity:0;
animation:borderRotate 8s linear infinite;
}
.config-card.active::before{opacity:.4}
@keyframes borderRotate{to{transform:rotate(360deg)}}
.steps{display:flex;justify-content:center;gap:.6rem;margin-bottom:2.4rem}
.steps .step{
width:38px;height:1px;background:var(--line);transition:all .5s var(--ease);
position:relative;
}
.steps .step.done{background:var(--brand)}
.steps .step.current{background:var(--brand-light)}
.steps .step.current::after{
content:'';position:absolute;top:-3px;left:50%;transform:translateX(-50%);
width:7px;height:7px;border-radius:50%;background:var(--brand-light);
box-shadow:0 0 12px var(--brand-light);
animation:dotPulse 1.6s ease-in-out infinite;
}
.step-content{display:none;animation:stepFade .8s var(--ease-soft)}
.step-content.active{display:block}
@keyframes stepFade{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.q-title{
font-family:var(--display);font-weight:300;font-size:clamp(1.4rem,2.4vw,1.9rem);
line-height:1.25;text-align:center;margin-bottom:.6rem;color:var(--cream);
font-variation-settings:"opsz" 144;
}
.q-title em{font-style:italic;color:var(--brand-light)}
.q-sub{text-align:center;color:var(--muted);margin-bottom:2.4rem;font-size:.95rem}
.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}
.choice{
position:relative;padding:1.4rem 1.2rem 1.3rem;
background:rgba(245,236,220,.03);border:1px solid var(--line-strong);
border-radius:10px;cursor:pointer;text-align:left;
transition:all .4s var(--ease);overflow:hidden;
}
.choice::before{
content:'';position:absolute;inset:0;
background:linear-gradient(135deg,rgba(165,48,178,.12),transparent 60%);
opacity:0;transition:opacity .4s var(--ease);
}
.choice:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 12px 30px -10px rgba(var(--accent-rgb),.25)}
.choice:hover::before{opacity:1}
.choice .ch-glyph{
width:100%;height:80px;color:var(--brand-light);margin:0 auto 1rem;
display:flex;align-items:center;justify-content:center;
transition:transform .4s var(--ease),color .4s var(--ease);
}
.choice .ch-glyph svg{height:100%;width:auto;max-width:100%;display:block;overflow:visible}
.choice:hover .ch-glyph{transform:translateY(-3px) scale(1.05);color:var(--brand-light)}
.choice.selected .ch-glyph{color:var(--brand-light)}  .ch-tense .bolt-main{transform-origin:54px 40px;animation:boltVibrate 1.6s ease-in-out infinite}
@keyframes boltVibrate{
0%,90%,100%{transform:scale(1) translate(0,0)}
10%{transform:scale(1.06) translate(.6px,-.6px)}
22%{transform:scale(.97) translate(-.5px,.5px)}
35%{transform:scale(1.05) translate(.4px,-.2px)}
50%{transform:scale(1)}
}
.ch-tense .spark{opacity:0;transform-origin:center}
.ch-tense .spark.s1{animation:sparkBurst 2.2s ease-out infinite}
.ch-tense .spark.s2{animation:sparkBurst 2.2s ease-out infinite;animation-delay:.55s}
.ch-tense .spark.s3{animation:sparkBurst 2.2s ease-out infinite;animation-delay:1.1s}
.ch-tense .spark.s4{animation:sparkBurst 2.2s ease-out infinite;animation-delay:1.65s}
@keyframes sparkBurst{
0%,60%,100%{opacity:0;transform:scale(.2)}
15%{opacity:1;transform:scale(1.4)}
35%{opacity:0;transform:scale(.4)}
}
.ch-tense .tension-line{opacity:0;animation:tensionFlash 1.8s ease-in-out infinite}
.ch-tense .tension-line.t2{animation-delay:.9s}
@keyframes tensionFlash{
0%,100%{opacity:0}
20%{opacity:.7}
35%{opacity:0}
} .ch-tired .moon-shape{transform-origin:50px 40px;animation:moonSway 4.5s ease-in-out infinite}
@keyframes moonSway{
0%,100%{transform:rotate(-12deg) translateY(0)}
50%{transform:rotate(12deg) translateY(3px)}
} .ch-restless .wave-a{animation:waveVibrate 1.2s ease-in-out infinite;transform-origin:center}
.ch-restless .wave-b{animation:waveVibrate 1.4s ease-in-out infinite;animation-delay:.3s;transform-origin:center}
.ch-restless .wave-c{animation:waveVibrate 1.3s ease-in-out infinite;animation-delay:.6s;transform-origin:center}
@keyframes waveVibrate{
0%,100%{transform:translateX(0)}
25%{transform:translateX(3px)}
75%{transform:translateX(-3px)}
} .ch-open .open-aura{transform-origin:50px 40px;animation:auraExpand 3.5s ease-in-out infinite}
@keyframes auraExpand{
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.2);opacity:1}
}
.ch-open .open-star{transform-origin:50px 40px;animation:starBeat 3.5s ease-in-out infinite}
@keyframes starBeat{
0%,100%{transform:scale(1);filter:brightness(1)}
50%{transform:scale(1.1);filter:brightness(1.4)}
}
.ch-open .open-rays{transform-origin:50px 40px;animation:raysSpin 14s linear infinite}
@keyframes raysSpin{to{transform:rotate(360deg)}} .ch-peace .peace-ring{transform-origin:50px 40px}
.ch-peace .r1{animation:peaceExpand 5s ease-in-out infinite}
.ch-peace .r2{animation:peaceExpand 5s ease-in-out infinite;animation-delay:.6s}
.ch-peace .r3{animation:peaceExpand 5s ease-in-out infinite;animation-delay:1.2s}
@keyframes peaceExpand{
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.10);opacity:1}
}
.ch-peace .peace-moon{transform-origin:50px 40px;animation:peaceBreath 5s ease-in-out infinite}
@keyframes peaceBreath{
0%,100%{transform:scale(1)}
50%{transform:scale(1.1)}
} .ch-release .release-core{transform-origin:50px 40px;animation:releaseCore 2.6s ease-in-out infinite}
@keyframes releaseCore{
0%,100%{transform:scale(.85);opacity:.65}
50%{transform:scale(1.2);opacity:1}
}
.ch-release .release-ray{transform-origin:50px 40px;animation:releaseRays 2.6s ease-in-out infinite;opacity:.5}
.ch-release .release-ray.r2{animation-delay:.2s}
.ch-release .release-ray.r3{animation-delay:.4s}
.ch-release .release-ray.r4{animation-delay:.6s}
.ch-release .release-ray.r5{animation-delay:.8s}
@keyframes releaseRays{
0%,100%{transform:scale(.85);opacity:.4}
50%{transform:scale(1.1);opacity:.9}
}
.ch-release .release-particle{transform-origin:center;animation:particlePulse 2.4s ease-in-out infinite}
.ch-release .release-particle.p2{animation-delay:.5s}
.ch-release .release-particle.p3{animation-delay:1s}
.ch-release .release-particle.p4{animation-delay:1.5s}
.ch-release .release-particle.p5{animation-delay:2s}
@keyframes particlePulse{
0%,100%{opacity:0;transform:scale(.4)}
50%{opacity:1;transform:scale(1.2)}
} .ch-vision .diamond-shape{transform-origin:50px 40px;animation:diamondSway 5s ease-in-out infinite}
@keyframes diamondSway{
0%,100%{transform:rotate(-8deg) scale(1)}
25%{transform:rotate(0deg) scale(1.05)}
50%{transform:rotate(8deg) scale(1)}
75%{transform:rotate(0deg) scale(1.05)}
}
.ch-vision .diamond-glint{transform-origin:center;animation:glintFlash 3s ease-out infinite}
.ch-vision .diamond-glint.g2{animation-delay:1.5s}
@keyframes glintFlash{
0%,80%,100%{opacity:0;transform:scale(.5)}
20%{opacity:1;transform:scale(1.4)}
45%{opacity:0;transform:scale(.5)}
} .ch-connect .connect-end{transform-origin:center;animation:connectPulse 2s ease-in-out infinite}
.ch-connect .connect-end.e2{animation-delay:1s}
@keyframes connectPulse{
0%,100%{opacity:.4;transform:scale(1)}
50%{opacity:1;transform:scale(1.3)}
} .ch-short .phase-shape{transform-origin:50px 40px;animation:phaseBreath 3s ease-in-out infinite}
.ch-mid .phase-shape{transform-origin:50px 40px;animation:phaseBreath 4s ease-in-out infinite}
.ch-deep .phase-shape{transform-origin:50px 40px;animation:phaseBreath 5.5s ease-in-out infinite}
@keyframes phaseBreath{
0%,100%{transform:scale(1)}
50%{transform:scale(1.10)}
} .ch-event .event-rays{transform-origin:50px 40px;animation:eventSpin 12s linear infinite}
@keyframes eventSpin{to{transform:rotate(360deg)}}
.ch-event .event-sun{transform-origin:50px 40px;animation:eventPulse 2.4s ease-in-out infinite}
@keyframes eventPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}} .ch-purpose .summit-anchor{transform-origin:64px 18px;animation:summitGlow 2.6s ease-in-out infinite}
@keyframes summitGlow{
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.4);opacity:.6}
} .ch-love .heart-shape{transform-origin:50px 50px;animation:heartBeatBig 1.3s ease-in-out infinite}
@keyframes heartBeatBig{
0%,100%{transform:scale(1)}
15%{transform:scale(.92)}
30%{transform:scale(1.15)}
45%{transform:scale(1)}
60%{transform:scale(1.08)}
75%{transform:scale(1)}
} .ch-change .spiral-shape{transform-origin:50px 40px;animation:spiralRotate 8s linear infinite}
@keyframes spiralRotate{to{transform:rotate(360deg)}} .ch-abundance .abundance-shape{transform-origin:50px 40px;animation:abundancePulse 3s ease-in-out infinite}
@keyframes abundancePulse{
0%,100%{transform:scale(1) rotate(0deg);filter:brightness(1) drop-shadow(0 0 0 transparent)}
50%{transform:scale(1.15) rotate(8deg);filter:brightness(1.35) drop-shadow(0 0 10px rgba(165,48,178,.7))}
}
.choice .ch-name{
font-family:var(--display);font-weight:400;font-size:1.15rem;color:var(--cream);
margin-bottom:.3rem;font-variation-settings:"opsz" 144;
}
.choice .ch-name em{font-style:italic;color:var(--brand-light);font-weight:300}
.choice .ch-desc{font-size:.84rem;color:var(--muted);line-height:1.5}
.choice.selected{border-color:var(--brand-light);background:rgba(165,48,178,.07);box-shadow:0 0 0 1px var(--brand-light)}
.config-input{
display:grid;grid-template-columns:1fr 1.3fr;gap:1rem;max-width:480px;margin:0 auto 1.5rem;
}
@media(max-width:580px){.config-input{grid-template-columns:1fr}}
.config-input select,.config-input input{
width:100%;padding:1rem 1.2rem;background:rgba(245,236,220,.04);
border:1px solid var(--line-strong);border-radius:999px;
color:var(--cream);font-family:var(--sans);font-size:1rem;
transition:all .35s var(--ease);
appearance:none;-webkit-appearance:none;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23c9a86b' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 1.2rem center;
padding-right:2.6rem;
}
.config-input input{background-image:none;padding-right:1.2rem}
.config-input select:focus,.config-input input:focus{outline:0;border-color:var(--brand);background-color:rgba(165,48,178,.05)}
.config-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:2.5rem}
.config-actions .btn-back{
font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);
padding:1rem 1.4rem;transition:color .3s var(--ease);
}
.config-actions .btn-back:hover{color:var(--cream)} .sound-visual{
position:relative;width:240px;height:240px;margin:0 auto 2rem;
}
.sound-visual .ring{
position:absolute;inset:0;border-radius:50%;border:1px solid var(--brand);
opacity:0;animation:ringExpand 3s ease-out infinite;
}
.sound-visual .ring:nth-child(2){animation-delay:1s}
.sound-visual .ring:nth-child(3){animation-delay:2s}
@keyframes ringExpand{
0%{transform:scale(.4);opacity:.85;border-color:var(--brand-light)}
100%{transform:scale(1.25);opacity:0;border-color:var(--brand)}
}
.sound-visual .core{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:80px;height:80px;border-radius:50%;
background:radial-gradient(circle,var(--brand-light),var(--brand) 60%,var(--brand-deep) 100%);
box-shadow:0 0 60px rgba(126,67,177,.65),0 0 120px rgba(126,67,177,.25);
animation:coreBeat 2s ease-in-out infinite;
}
@keyframes coreBeat{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.1)}}
.sound-visual .glyph-c{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
font-family:var(--display);font-style:italic;font-size:2rem;color:var(--night);
z-index:2;font-weight:500;
} .astro-visual{
position:relative;width:240px;height:240px;margin:0 auto 2rem;
}
.astro-visual svg{width:100%;height:100%;animation:rotate 80s linear infinite}
.astro-sign{
position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
font-family:var(--display);font-style:italic;font-size:3rem;color:var(--brand-light);
text-shadow:0 0 30px rgba(var(--accent-rgb),.6);
z-index:2;animation:emblemBreathe 3s ease-in-out infinite;
} .result{text-align:center;animation:stepFade .9s var(--ease-soft)}
.result .heart-line{
display:inline-flex;align-items:center;gap:.7rem;
font-size:.7rem;letter-spacing:.42em;text-transform:uppercase;color:var(--brand-light);
margin-bottom:1.2rem;justify-content:center;
}
.result .heart-line::before,.result .heart-line::after{
content:'';width:32px;height:1px;background:var(--brand);
}
.result h3{
font-family:var(--display);font-weight:300;font-size:clamp(1.8rem,3.4vw,2.6rem);
line-height:1.2;letter-spacing:-.018em;margin-bottom:1rem;color:var(--cream);
font-variation-settings:"opsz" 144;
}
.result h3 em{font-style:italic;color:var(--brand-light)}
.result .meta-tags{
display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.6rem;
}
.result .tag{
padding:.4rem .9rem;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;
border:1px solid var(--brand);color:var(--brand-light);border-radius:999px;
background:rgba(165,48,178,.06);
}
.result .body{
max-width:50ch;margin:0 auto 1.6rem;color:var(--cream-soft);
font-size:var(--text-lg);font-weight:300;line-height:1.7;
}
.result .body em{color:var(--brand-light);font-style:italic}
.result .heart-msg{
margin:2rem auto;padding:1.6rem 2rem;max-width:52ch;
border-radius:12px;
background:linear-gradient(135deg,rgba(165,48,178,.10),rgba(212,168,150,.06));
border:1px solid rgba(165,48,178,.25);
position:relative;
}
.result .heart-msg::before{
content:'❤';position:absolute;top:-12px;left:50%;transform:translateX(-50%);
background:var(--night-2);padding:0 .6rem;color:var(--rose);font-size:1.1rem;
}
.result .heart-msg p{
font-family:var(--display);font-style:italic;font-weight:300;
font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.55;color:var(--cream);
font-variation-settings:"opsz" 144;
}
.result .heart-msg p em{font-style:normal;color:var(--brand-light);font-weight:400}
.result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2rem} .blitz{
position:relative;text-align:center;padding:var(--section) var(--gutter);
background:
radial-gradient(ellipse at 30% 40%,rgba(165,48,178,.22) 0,transparent 60%),
radial-gradient(ellipse at 70% 60%,rgba(126,67,177,.20) 0,transparent 55%),
var(--night-2);
overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.blitz::before{
content:'';position:absolute;inset:0;
background-image:
radial-gradient(2px 2px at 20% 30%,var(--cream) 0,transparent 50%),
radial-gradient(1px 1px at 70% 60%,var(--brand) 0,transparent 50%),
radial-gradient(1.5px 1.5px at 40% 80%,var(--cream) 0,transparent 50%),
radial-gradient(1px 1px at 85% 15%,var(--brand-light) 0,transparent 50%);
opacity:.35;pointer-events:none;
}
.blitz-inner{position:relative;z-index:1}
.blitz h2{font-size:clamp(2.4rem,6vw,4.6rem);max-width:18ch;margin:0 auto 1.4rem}
.blitz .lead{max-width:46ch;margin:0 auto 2.4rem;color:var(--cream-soft);font-size:var(--text-lg);font-weight:300}
.blitz .actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;align-items:center}
.blitz .phone{display:inline-flex;align-items:center;gap:.7rem;padding:1.15rem .4rem;color:var(--cream);font-size:.95rem;letter-spacing:.04em}
.blitz .phone strong{color:var(--brand-light);font-weight:400} .manifest{
position:relative;text-align:center;padding:var(--section) 0;
background:linear-gradient(180deg,var(--night) 0%,var(--night-2) 50%,var(--night) 100%);
}
.manifest::before,.manifest::after{
content:'';position:absolute;left:50%;width:80%;max-width:600px;height:1px;
background:linear-gradient(90deg,transparent,var(--brand),transparent);
transform:translateX(-50%);opacity:.4;
}
.manifest::before{top:0}.manifest::after{bottom:0}
.manifest .glyph{
font-family:var(--display);font-size:3rem;color:var(--brand);
margin-bottom:2rem;display:inline-block;animation:emblemBreathe 4s ease-in-out infinite;
}
.manifest blockquote{
font-family:var(--display);font-style:italic;font-weight:300;
font-size:clamp(1.8rem,4.6vw,3.6rem);line-height:1.18;letter-spacing:-.012em;
color:var(--cream);max-width:24ch;margin:0 auto;font-variation-settings:"opsz" 144;
}
.manifest blockquote em{font-style:normal;color:var(--brand-light)}
.manifest .roles{
display:block;margin-top:2.6rem;font-family:var(--sans);font-style:normal;
font-size:.74rem;letter-spacing:.4em;text-transform:uppercase;color:var(--muted);line-height:1.8;
}
.manifest .body-text{
margin:3rem auto 0;max-width:62ch;font-size:var(--text-lg);font-weight:300;color:var(--cream-soft);
} .shop-grid{
display:grid;grid-template-columns:repeat(5,1fr);
gap:1.2rem;margin-top:3rem;
}
@media(max-width:1180px){.shop-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.shop-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.shop-grid{grid-template-columns:1fr;gap:.9rem}}
.shop-tile{
position:relative;aspect-ratio:1/1.2;border-radius:8px;overflow:hidden;
border:1px solid var(--line);padding:1.4rem;
display:flex;flex-direction:column;justify-content:space-between;
transition:all .5s var(--ease);
background:linear-gradient(160deg,var(--teal-2) 0%,var(--night-2) 100%);
}
.shop-tile:nth-child(2){background:linear-gradient(160deg,var(--plum) 0%,var(--night) 100%)}
.shop-tile:nth-child(3){background:linear-gradient(160deg,#2a2a3d 0%,var(--night-3) 100%)}
.shop-tile:nth-child(4){background:linear-gradient(160deg,#3a2535 0%,var(--night-2) 100%)}
.shop-tile:nth-child(5){background:linear-gradient(160deg,#1d3038 0%,var(--night) 100%)}
.shop-tile::before{
content:'';position:absolute;top:-30%;right:-20%;width:80%;height:80%;
background:radial-gradient(circle,rgba(165,48,178,.18),transparent 60%);
transition:transform .9s var(--ease);
}
.shop-tile::after{
content:'';position:absolute;inset:0;
background:linear-gradient(135deg,transparent 40%,rgba(245,236,220,.04) 50%,transparent 60%);
transform:translateX(-100%);transition:transform .9s var(--ease);
}
.shop-tile:hover{transform:translateY(-8px);border-color:var(--brand);box-shadow:0 20px 50px -20px rgba(var(--accent-rgb),.3)}
.shop-tile:hover::before{transform:scale(1.5) translate(-15%,15%)}
.shop-tile:hover::after{transform:translateX(100%)}
.shop-tile .icon{
width:46px;height:46px;border-radius:50%;border:1px solid var(--line-strong);
display:grid;place-items:center;color:var(--brand-light);
position:relative;z-index:1;transition:all .5s var(--ease);
}
.shop-tile:hover .icon{border-color:var(--brand);transform:rotate(8deg) scale(1.1);background:rgba(165,48,178,.08)}
.shop-tile .icon svg{width:20px;height:20px;transition:transform .5s var(--ease)} .shop-tile .mockup{
width:100%;height:110px;margin:0 auto .6rem;
display:flex;align-items:center;justify-content:center;
color:var(--brand);position:relative;z-index:1;
transition:transform .6s var(--ease);
}
.shop-tile:hover .mockup{transform:scale(1.06)}
.shop-tile .mockup svg{height:100%;max-width:100%;display:block;overflow:visible} .mockup-book .book-body{transform-origin:center;animation:bookFloat 5s ease-in-out infinite}
@keyframes bookFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}} .mockup-play .play-ring{transform-origin:50px 40px;animation:playRing 2.6s ease-out infinite}
.mockup-play .play-ring:nth-of-type(2){animation-delay:.6s}
.mockup-play .play-ring:nth-of-type(3){animation-delay:1.2s}
@keyframes playRing{0%{transform:scale(.55);opacity:.9}100%{transform:scale(1.35);opacity:0}}
.mockup-play .play-core{transform-origin:50px 40px;animation:playPulse 2.6s ease-in-out infinite}
@keyframes playPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}} .mockup-moon .moon-ring{animation:moonRotate 14s linear infinite;transform-origin:50px 40px}
@keyframes moonRotate{to{transform:rotate(360deg)}}
.mockup-moon .moon-center{animation:moonGlow 3s ease-in-out infinite;transform-origin:50px 40px}
@keyframes moonGlow{0%,100%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}
.shop-tile .tile-text{
position:relative;z-index:1;
display:flex;flex-direction:column;gap:.5rem;
}
.shop-tile h4{
font-family:var(--display);font-weight:300;font-size:1.3rem;line-height:1.2;
color:var(--cream);font-variation-settings:"opsz" 144;
margin:0;
}
.shop-tile .tile-desc{
font-family:var(--display);font-style:italic;font-weight:300;
font-size:.86rem;line-height:1.5;
color:rgba(245,236,220,.78);
max-width:22ch;
font-variation-settings:"opsz" 144;
margin:0;
}
.shop-tile .arrow{
font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--brand-light);
display:inline-flex;align-items:center;gap:.4rem;position:relative;z-index:1;
transition:gap .35s var(--ease);
}
.shop-tile:hover .arrow{gap:.8rem} @media(max-width:580px){
.shop-tile{
aspect-ratio:auto;
padding:1.2rem 1.4rem;
display:grid;
grid-template-columns:88px 1fr auto;
align-items:center;
gap:1.1rem;
min-height:130px;
}
.shop-tile .mockup{
height:80px;
width:88px;
margin:0;
}
.shop-tile .icon{
width:42px;height:42px;margin:0;
}
.shop-tile .tile-text{
gap:.3rem;
}
.shop-tile h4{
text-align:left;
font-size:1.15rem;
line-height:1.15;
}
.shop-tile .tile-desc{
font-size:.78rem;
line-height:1.4;
max-width:none;
}
.shop-tile .arrow{
margin:0;
font-size:.66rem;
letter-spacing:.18em;
white-space:nowrap;
}
} .events-head{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin-bottom:4rem}
.events-head h2{max-width:14ch}
.events-head .lead{max-width:42ch;color:var(--cream-soft);font-size:var(--text-lg);font-weight:300}
.event{
display:grid;grid-template-columns:130px 1fr auto;gap:clamp(1rem,3vw,3rem);align-items:center;
padding:2rem 0;border-top:1px solid var(--line);
transition:background .4s var(--ease),padding .4s var(--ease);position:relative;
}
.events-list .event:last-child{border-bottom:1px solid var(--line)}
.event::before{
content:'';position:absolute;left:0;top:50%;width:0;height:1px;background:var(--brand);
transition:width .6s var(--ease);transform:translateY(-50%);
}
.event:hover{background:linear-gradient(90deg,rgba(165,48,178,.04),transparent);padding-left:1rem}
.event:hover::before{width:.8rem}
.event .date{font-family:var(--display);font-weight:400;font-variation-settings:"opsz" 144}
.event .date .day{display:block;font-size:2.4rem;line-height:1;color:var(--brand-light);transition:transform .4s var(--ease)}
.event:hover .date .day{transform:scale(1.1)}
.event .date .month{display:block;margin-top:.3rem;font-family:var(--sans);font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}
.event .date .year{display:block;margin-top:.2rem;font-family:var(--sans);font-size:.65rem;color:var(--muted);letter-spacing:.18em}
.event .title{font-family:var(--display);font-weight:300;font-size:clamp(1.3rem,2.4vw,1.95rem);line-height:1.2;color:var(--cream);font-variation-settings:"opsz" 144}
.event .title em{color:var(--brand-light);font-style:italic}
.event .title small{display:block;font-family:var(--sans);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:400;margin-top:.6rem;font-style:normal}
.event .desc{margin-top:.8rem;font-size:.95rem;color:var(--cream-soft);max-width:54ch;font-style:normal}
.event .meta{font-size:.85rem;color:var(--muted);text-align:right;letter-spacing:.04em}
.event .meta a{color:var(--brand-light);border-bottom:1px solid var(--brand);padding-bottom:2px;transition:color .3s var(--ease);display:inline-block}
.event .meta a:hover{color:var(--cream)}
@media(max-width:780px){
.event{grid-template-columns:90px 1fr}
.event .meta{grid-column:1 / -1;text-align:left;margin-top:.6rem}
.event .date .day{font-size:1.8rem}
} .final-cta{
position:relative;text-align:center;padding:var(--section) var(--gutter);
background:radial-gradient(ellipse at 50% 50%,rgba(165,48,178,.12) 0,transparent 60%),var(--night);
overflow:hidden;
}
.final-cta::before{
content:'';position:absolute;inset:0;
background-image:
radial-gradient(2px 2px at 20% 30%,var(--cream) 0,transparent 50%),
radial-gradient(1px 1px at 70% 60%,var(--brand) 0,transparent 50%),
radial-gradient(1.5px 1.5px at 40% 80%,var(--cream) 0,transparent 50%);
opacity:.3;
}
.final-cta h2{font-size:clamp(2.4rem,6vw,4.6rem);max-width:18ch;margin:0 auto 1.4rem;position:relative;z-index:1}
.final-cta p{max-width:48ch;margin:0 auto 2.2rem;color:var(--cream-soft);font-size:var(--text-lg);font-weight:300;position:relative;z-index:1}
.news{
margin-top:3rem;max-width:540px;margin-inline:auto;
display:flex;gap:.6rem;border:1px solid var(--line);border-radius:999px;padding:.4rem .4rem .4rem 1.4rem;
background:rgba(0,0,0,.25);transition:border-color .4s var(--ease);position:relative;z-index:1;
}
.news:focus-within{border-color:var(--brand)}
.news input{flex:1;background:transparent;border:0;outline:0;color:var(--cream);font-family:var(--sans);font-size:.95rem;padding:.6rem 0;letter-spacing:.02em}
.news input::placeholder{color:var(--muted)}
.news button{background:var(--brand);color:var(--night);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;padding:.7rem 1.3rem;border-radius:999px;transition:background .3s var(--ease);font-weight:500}
.news button:hover{background:var(--brand-light)} footer{border-top:1px solid var(--line);padding:5rem var(--gutter) 2rem;background:linear-gradient(180deg,var(--night) 0%,#070512 100%);position:relative}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid var(--line)}
@media(max-width:880px){.foot-grid{grid-template-columns:1fr 1fr;gap:2.4rem}}
.foot-brand p{margin-top:1.5rem;color:var(--cream-soft);max-width:36ch;font-size:.92rem;line-height:1.7}
.foot-col h4{font-family:var(--sans);font-size:.7rem;letter-spacing:.32em;text-transform:uppercase;color:var(--brand-light);font-weight:500;margin-bottom:1.4rem}
.foot-col a,.foot-col span.line-item{display:block;font-size:.92rem;color:var(--cream-soft);padding:.4rem 0;transition:color .3s var(--ease)}
.foot-col a:hover{color:var(--brand-light)}
.foot-bottom{margin-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.4rem;font-size:.78rem;color:var(--muted);letter-spacing:.04em}
.foot-bottom .social{display:flex;gap:1.2rem}
.foot-bottom .social a{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}
.foot-legal{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin-top:.4rem}
.foot-legal a{font-size:.76rem;color:var(--muted);letter-spacing:.04em}
.foot-legal a:hover{color:var(--brand-light)} .reveal{opacity:0;transform:translateY(40px);transition:opacity 1.1s var(--ease-soft),transform 1.1s var(--ease-soft)}
.reveal.in{opacity:1;transform:none}
.reveal.delay-1{transition-delay:.1s}
.reveal.delay-2{transition-delay:.2s}
.reveal.delay-3{transition-delay:.3s}
.reveal.delay-4{transition-delay:.4s} .testimonials{
position:relative;padding:var(--section) 0;overflow:hidden;
background:linear-gradient(180deg,var(--night) 0%,#150f24 50%,var(--night) 100%);
border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.testimonials::before{
content:'';position:absolute;inset:0;pointer-events:none;
background:
radial-gradient(ellipse at 25% 35%,rgba(165,48,178,.18) 0%,transparent 45%),
radial-gradient(ellipse at 75% 65%,rgba(126,67,177,.15) 0%,transparent 45%);
}
.testimonials::after{
content:'';position:absolute;inset:0;pointer-events:none;
background-image:
radial-gradient(1.5px 1.5px at 18% 22%,rgba(245,236,220,.5) 0,transparent 50%),
radial-gradient(1px 1px at 78% 30%,rgba(165,48,178,.6) 0,transparent 50%),
radial-gradient(1.5px 1.5px at 38% 78%,rgba(245,236,220,.45) 0,transparent 50%),
radial-gradient(1px 1px at 86% 76%,rgba(165,48,178,.5) 0,transparent 50%),
radial-gradient(1px 1px at 8% 64%,rgba(245,236,220,.4) 0,transparent 50%);
opacity:.6;
}
.testimonials > .container{position:relative;z-index:1}
.testi-head{text-align:center;margin-bottom:4rem}
.testi-head .section-label{justify-content:center;display:inline-flex}
.testi-head h2{margin:0 auto 1.2rem;max-width:18ch}
.testi-head p{max-width:50ch;margin:0 auto;color:var(--cream-soft);font-size:var(--text-lg);font-weight:300}
.testi-stage{position:relative;max-width:900px;margin:0 auto}
.testi-spotlight{
position:relative;
min-height:clamp(520px,60vw,680px);
margin-bottom:2.5rem;
}
.testi-card{
position:absolute;inset:0;
background:linear-gradient(135deg,rgba(245,236,220,.05) 0%,rgba(245,236,220,.01) 100%);
border:1px solid var(--line-strong);border-radius:18px;
padding:clamp(2.4rem,5vw,4rem);
backdrop-filter:blur(8px);
box-shadow:0 30px 80px -30px rgba(0,0,0,.6),inset 0 1px 0 rgba(245,236,220,.06);
opacity:0;transform:translateY(20px);
transition:opacity .8s var(--ease-soft),transform .8s var(--ease-soft);
pointer-events:none;
overflow:hidden;
display:flex;flex-direction:column;
}
.testi-card.is-active{opacity:1;transform:none;pointer-events:auto} .testi-card::before{
content:'\201E';
position:absolute;top:-2.5rem;left:1.6rem;
font-family:var(--display);font-size:clamp(7rem,14vw,11rem);line-height:1;
color:var(--brand-light);opacity:.25;
font-variation-settings:"opsz" 144;
user-select:none;pointer-events:none;
}
.testi-card::after{
content:'';position:absolute;top:0;right:0;width:50%;height:50%;
background:radial-gradient(circle at 80% 20%,rgba(165,48,178,.12),transparent 60%);
pointer-events:none;
} .testi-card .quote-fade{
position:absolute; bottom:7rem;
left:clamp(2.4rem,5vw,4rem);right:clamp(2.4rem,5vw,4rem);
height:5rem;
background:linear-gradient(to bottom,transparent 0%,rgba(14,10,31,.95) 100%);
pointer-events:none;
z-index:2;
transition:opacity .35s ease;
border-radius:0 0 4px 4px;
}
.testi-card .quote-fade.hidden{opacity:0}
.testi-card .testi-context{
display:inline-flex;align-self:flex-start;
padding:.45rem 1.1rem;border-radius:999px;
border:1px solid var(--brand);
background:rgba(165,48,178,.08);color:var(--brand-light);
font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;font-weight:500;
margin-bottom:1.6rem;position:relative;z-index:1;
}
.testi-card blockquote{
font-family:var(--display);font-style:italic;font-weight:300;
font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.55;letter-spacing:.005em;
color:var(--cream);max-width:60ch; flex:1;min-height:0;
overflow-y:auto;
padding-bottom:1.8rem;
padding-right:.6rem;
font-variation-settings:"opsz" 144;position:relative;z-index:1;
scroll-behavior:smooth;
} .testi-card blockquote::-webkit-scrollbar{width:3px}
.testi-card blockquote::-webkit-scrollbar-track{background:transparent}
.testi-card blockquote::-webkit-scrollbar-thumb{
background:rgba(165,48,178,.45);border-radius:2px;
}
.testi-card blockquote::-webkit-scrollbar-thumb:hover{
background:rgba(165,48,178,.8);
}
@media(max-width:640px){
.testi-card blockquote{font-size:clamp(1.1rem,4vw,1.35rem);line-height:1.6}
}
.testi-card footer{
display:flex;align-items:center;gap:1.2rem;
padding-top:1.6rem;border-top:1px solid var(--line);
position:relative;z-index:1;
}
.testi-card footer .avatar{
width:48px;height:48px;border-radius:50%;flex-shrink:0;
background:linear-gradient(135deg,var(--brand) 0%,var(--brand-light) 100%);
display:grid;place-items:center;
font-family:var(--display);font-weight:400;font-size:1.1rem;
color:#fff;
box-shadow:0 0 24px rgba(165,48,178,.4);
font-variation-settings:"opsz" 144;
}
.testi-card footer .who{flex:1;min-width:0}
.testi-card footer strong{
font-family:var(--display);font-weight:400;font-size:1.15rem;
color:var(--brand-light);display:block;
font-variation-settings:"opsz" 144;
}
.testi-card footer .who span{
display:block;margin-top:.2rem;
font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;
color:var(--muted);
} .testi-arrows{
position:absolute;bottom:1.6rem;right:1.6rem;z-index:5;
display:flex;gap:.6rem;
}
.testi-arrow{
width:46px;height:46px;border-radius:50%;
border:1px solid var(--line-strong);background:rgba(0,0,0,.35);
color:var(--cream);display:grid;place-items:center;
font-size:1.15rem;cursor:pointer;
transition:all .4s var(--ease);
}
.testi-arrow:hover{
border-color:var(--brand);background:rgba(165,48,178,.14);color:var(--brand-light);
transform:translateY(-2px);box-shadow:0 8px 24px -6px rgba(165,48,178,.4);
} .testi-rail{
display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;
}
@media(max-width:900px){.testi-rail{grid-template-columns:repeat(3,1fr)}}
@media(max-width:580px){.testi-rail{grid-template-columns:1fr}}
.testi-jump{
text-align:left;padding:1.4rem 1.6rem;cursor:pointer;
background:rgba(245,236,220,.03);border:1px solid var(--line);
border-radius:12px;color:var(--cream-soft);
transition:all .4s var(--ease);position:relative;overflow:hidden;
}
.testi-jump::before{
content:'';position:absolute;top:0;left:0;width:0;height:2px;
background:linear-gradient(90deg,var(--brand),var(--brand-light));
transition:width .6s var(--ease);
}
.testi-jump:hover{border-color:var(--line-strong);transform:translateY(-2px);background:rgba(165,48,178,.04)}
.testi-jump.is-active{background:rgba(165,48,178,.10);border-color:var(--brand)}
.testi-jump.is-active::before{width:100%}
.testi-jump .num{
font-family:var(--display);font-style:italic;font-size:.95rem;
color:var(--brand-light);display:block;margin-bottom:.4rem;
font-variation-settings:"opsz" 144;
}
.testi-jump strong{
font-family:var(--display);font-weight:400;font-size:1.05rem;
color:var(--cream);display:block;margin-bottom:.3rem;
font-variation-settings:"opsz" 144;
}
.testi-jump.is-active strong{color:var(--brand-light)}
.testi-jump small{
font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);
}
@media(max-width:640px){
.testi-card{padding:2rem 1.6rem}
.testi-card .testi-context{font-size:.62rem}
.testi-arrows{bottom:1.2rem;right:1.2rem}
.testi-arrow{width:40px;height:40px}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}
}
:focus-visible{outline:2px solid var(--brand-light);outline-offset:3px;border-radius:4px}  .ho-landing h1,.ho-landing h2,.ho-landing h3,
.ho-landing h4,.ho-landing h5,.ho-landing h6{
padding-bottom:0!important;
line-height:inherit!important;
font-weight:inherit!important;
} .ho-landing .h-display{
background:linear-gradient(135deg,var(--cream) 0%,var(--gold-bright) 35%,var(--cream) 70%,var(--cream-soft) 100%)!important;
background-size:200% 100%!important;
-webkit-background-clip:text!important;
background-clip:text!important;
-webkit-text-fill-color:transparent!important;
color:transparent!important;
filter:drop-shadow(0 0 18px rgba(201,168,107,.25))!important;
animation:goldShimmer 10s ease-in-out infinite!important;
}
.ho-landing .h-display em{
background:linear-gradient(135deg,var(--brand-light) 0%,var(--brand) 60%,var(--brand-deep) 100%)!important;
-webkit-background-clip:text!important;
background-clip:text!important;
-webkit-text-fill-color:transparent!important;
color:transparent!important;
filter:none!important;
animation:none!important;
} .ho-landing .section-light .h-display{
background:none!important;
-webkit-background-clip:initial!important;
background-clip:initial!important;
-webkit-text-fill-color:var(--light-text)!important;
color:var(--light-text)!important;
filter:none!important;
animation:none!important;
}
.ho-landing .section-light .h-display em{
background:none!important;
-webkit-background-clip:initial!important;
background-clip:initial!important;
-webkit-text-fill-color:var(--brand)!important;
color:var(--brand)!important;
} .ho-landing .feature-copy h2{
-webkit-text-fill-color:transparent!important;
color:transparent!important;
}
.ho-landing .feature-copy h2 em{
-webkit-text-fill-color:transparent!important;
color:transparent!important;
} .ho-landing .hero h1{
color:var(--cream)!important;
-webkit-text-fill-color:var(--cream)!important;
}
.ho-landing .hero h1 .word>span{
-webkit-text-fill-color:transparent!important;
color:transparent!important;
}
.ho-landing .hero h1 .word>span em{
-webkit-text-fill-color:transparent!important;
color:transparent!important;
} .ho-landing h3,.ho-landing h4{
color:var(--cream)!important;
-webkit-text-fill-color:var(--cream)!important;
} .ho-landing .section-light h3,
.ho-landing .section-light h4,
.ho-landing .section-light .q-title{
color:var(--light-text)!important;
-webkit-text-fill-color:var(--light-text)!important;
}
.ho-landing .section-light h3 em,
.ho-landing .section-light h4 em,
.ho-landing .section-light .q-title em{
color:var(--brand)!important;
-webkit-text-fill-color:var(--brand)!important;
} .ho-landing .result h3{
color:var(--cream)!important;
-webkit-text-fill-color:var(--cream)!important;
}
.ho-landing .result h3 em{
background:linear-gradient(135deg,var(--brand-light),var(--brand))!important;
-webkit-background-clip:text!important;
background-clip:text!important;
-webkit-text-fill-color:transparent!important;
color:transparent!important;
}
.ho-landing .section-light .result h3{
color:var(--light-text)!important;
-webkit-text-fill-color:var(--light-text)!important;
}
.ho-landing .section-light .result h3 em{
background:linear-gradient(135deg,var(--brand-light),var(--brand))!important;
-webkit-background-clip:text!important;
background-clip:text!important;
-webkit-text-fill-color:transparent!important;
color:transparent!important;
} .ho-landing .rauh-detail h4,
.ho-landing .section-light .rauh-detail h4{
color:var(--light-text)!important;
-webkit-text-fill-color:var(--light-text)!important;
}
.ho-landing .section-light .shop-tile h4{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
} .ho-landing .btn-primary{
color:#fff!important;
-webkit-text-fill-color:#fff!important;
border:none!important;
text-decoration:none!important;
padding-bottom:0!important;
}
.ho-landing .btn-ghost,
.ho-landing .btn-outline{
-webkit-text-fill-color:inherit!important;
text-decoration:none!important;
padding-bottom:0!important;
}
.ho-landing .section-light .btn-ghost{
color:var(--brand)!important;
-webkit-text-fill-color:var(--brand)!important;
} .ho-landing a{
text-decoration:none!important;
padding-bottom:0!important;
} .ho-landing .eyebrow{
color:#d27ce0!important;
-webkit-text-fill-color:#d27ce0!important;
} .ho-landing .section-label{
color:var(--brand-light)!important;
-webkit-text-fill-color:var(--brand-light)!important;
}
.ho-landing .section-light .section-label{
color:var(--brand-deep)!important;
-webkit-text-fill-color:var(--brand-deep)!important;
} .ho-landing .blitz-inner .lead,
.ho-landing .manifest .roles{
-webkit-text-fill-color:inherit!important;
}@font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/fraunces--v38-italic-100 900.woff2?c=1782993443) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/fraunces--v38-italic-100 900.woff2?c=1782993443) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/fraunces--v38-italic-100 900.woff2?c=1782993443) 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;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/fraunces--v38-normal-100 900.woff2?c=1782993443) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/fraunces--v38-normal-100 900.woff2?c=1782993443) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/fraunces--v38-normal-100 900.woff2?c=1782993443) 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;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/outfit--v15-normal-300.woff2?c=1782993443) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/outfit--v15-normal-300.woff2?c=1782993443) 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;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/outfit--v15-normal-300.woff2?c=1782993443) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/outfit--v15-normal-300.woff2?c=1782993443) 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;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/outfit--v15-normal-300.woff2?c=1782993443) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/outfit--v15-normal-300.woff2?c=1782993443) 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;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/outfit--v15-normal-300.woff2?c=1782993443) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/cf460dc9845694380ad1ea202f783c77/outfit--v15-normal-300.woff2?c=1782993443) 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;
}@font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/fraunces--v38-italic-300.woff2?c=1782993430) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/fraunces--v38-italic-300.woff2?c=1782993430) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/fraunces--v38-italic-300.woff2?c=1782993430) 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;
} @font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/fraunces--v38-italic-300.woff2?c=1782993430) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/fraunces--v38-italic-300.woff2?c=1782993430) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Fraunces';
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/fraunces--v38-italic-300.woff2?c=1782993430) 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;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/fraunces--v38-normal-300.woff2?c=1782993431) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/fraunces--v38-normal-300.woff2?c=1782993431) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/fraunces--v38-normal-300.woff2?c=1782993431) 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;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/fraunces--v38-normal-300.woff2?c=1782993431) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/fraunces--v38-normal-300.woff2?c=1782993431) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Fraunces';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/fraunces--v38-normal-300.woff2?c=1782993431) 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;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/outfit--v15-normal-200.woff2?c=1782993432) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/outfit--v15-normal-200.woff2?c=1782993432) 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;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/outfit--v15-normal-200.woff2?c=1782993432) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/outfit--v15-normal-200.woff2?c=1782993432) 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;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/outfit--v15-normal-200.woff2?c=1782993432) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/outfit--v15-normal-200.woff2?c=1782993432) 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;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/outfit--v15-normal-200.woff2?c=1782993432) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/outfit--v15-normal-200.woff2?c=1782993432) 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;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/outfit--v15-normal-200.woff2?c=1782993432) format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {
font-family: 'Outfit';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://heikemareiaott.com/wp-content/uploads/fonts/640294a1989a605810e4f5a73ab6f784/outfit--v15-normal-200.woff2?c=1782993432) 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;
}.vi-flag{display:inline-block;background-repeat:no-repeat}.vi-flag-64{display:inline-block;width:60px;height:40px;background-image:url(//heikemareiaott.com/wp-content/plugins/woocommerce-photo-reviews/images/flags-64.png);background-repeat:no-repeat}.vi-flag-64.flag-unknown{background-position:0 0}.vi-flag-64.flag-abkhazia{background-position:0 -64px}.vi-flag-64.flag-basque-country{background-position:-64px 0}.vi-flag-64.flag-british-antarctic-territory{background-position:-128px 0}.vi-flag-64.flag-commonwealth{background-position:-192px 0}.vi-flag-64.flag-england{background-position:-256px 0}.vi-flag-64.flag-gosquared{background-position:-320px 0}.vi-flag-64.flag-kosovo{background-position:-384px 0}.vi-flag-64.flag-mars{background-position:-448px 0}.vi-flag-64.flag-nagorno-karabakh{background-position:-512px 0}.vi-flag-64.flag-nato{background-position:-576px 0}.vi-flag-64.flag-northern-cyprus{background-position:-640px 0}.vi-flag-64.flag-olympics{background-position:-704px 0}.vi-flag-64.flag-red-cross{background-position:-768px 0}.vi-flag-64.flag-scotland{background-position:-832px 0}.vi-flag-64.flag-somaliland{background-position:-896px 0}.vi-flag-64.flag-south-ossetia{background-position:-960px 0}.vi-flag-64.flag-united-nations{background-position:-1024px 0}.vi-flag-64.flag-wales{background-position:-64px -64px}.vi-flag-64.flag-ad{background-position:-128px -64px}.vi-flag-64.flag-ae{background-position:-192px -64px}.vi-flag-64.flag-af{background-position:-256px -64px}.vi-flag-64.flag-ag{background-position:-320px -64px}.vi-flag-64.flag-ai{background-position:-384px -64px}.vi-flag-64.flag-al{background-position:-448px -64px}.vi-flag-64.flag-am{background-position:-512px -64px}.vi-flag-64.flag-an{background-position:-576px -64px}.vi-flag-64.flag-ao{background-position:-640px -64px}.vi-flag-64.flag-aq{background-position:-704px -64px}.vi-flag-64.flag-ar{background-position:-768px -64px}.vi-flag-64.flag-as{background-position:-832px -64px}.vi-flag-64.flag-at{background-position:-896px -64px}.vi-flag-64.flag-au{background-position:-960px -64px}.vi-flag-64.flag-hm{background-position:-960px -64px}.vi-flag-64.flag-aw{background-position:-1024px -64px}.vi-flag-64.flag-ax{background-position:0 -128px}.vi-flag-64.flag-az{background-position:-64px -128px}.vi-flag-64.flag-ba{background-position:-128px -128px}.vi-flag-64.flag-bb{background-position:-192px -128px}.vi-flag-64.flag-bd{background-position:-256px -128px}.vi-flag-64.flag-be{background-position:-320px -128px}.vi-flag-64.flag-bf{background-position:-384px -128px}.vi-flag-64.flag-bg{background-position:-448px -128px}.vi-flag-64.flag-bh{background-position:-512px -128px}.vi-flag-64.flag-bi{background-position:-576px -128px}.vi-flag-64.flag-bj{background-position:-640px -128px}.vi-flag-64.flag-bl{background-position:-704px -128px}.vi-flag-64.flag-bm{background-position:-768px -128px}.vi-flag-64.flag-bn{background-position:-832px -128px}.vi-flag-64.flag-bo{background-position:-896px -128px}.vi-flag-64.flag-br{background-position:-960px -128px}.vi-flag-64.flag-bs{background-position:-1024px -128px}.vi-flag-64.flag-bt{background-position:0 -192px}.vi-flag-64.flag-bw{background-position:-64px -192px}.vi-flag-64.flag-by{background-position:-128px -192px}.vi-flag-64.flag-bz{background-position:-192px -192px}.vi-flag-64.flag-ca{background-position:-256px -192px}.vi-flag-64.flag-cc{background-position:-320px -192px}.vi-flag-64.flag-cd{background-position:-384px -192px}.vi-flag-64.flag-cf{background-position:-448px -192px}.vi-flag-64.flag-cg{background-position:-512px -192px}.vi-flag-64.flag-ch{background-position:-576px -192px}.vi-flag-64.flag-ci{background-position:-640px -192px}.vi-flag-64.flag-ck{background-position:-704px -192px}.vi-flag-64.flag-cl{background-position:-768px -192px}.vi-flag-64.flag-cm{background-position:-832px -192px}.vi-flag-64.flag-cn{background-position:-896px -192px}.vi-flag-64.flag-co{background-position:-960px -192px}.vi-flag-64.flag-cr{background-position:-1024px -192px}.vi-flag-64.flag-cu{background-position:0 -256px}.vi-flag-64.flag-cv{background-position:-64px -256px}.vi-flag-64.flag-cw{background-position:-128px -256px}.vi-flag-64.flag-cx{background-position:-192px -256px}.vi-flag-64.flag-cy{background-position:-256px -256px}.vi-flag-64.flag-cz{background-position:-320px -256px}.vi-flag-64.flag-de{background-position:-384px -256px}.vi-flag-64.flag-dj{background-position:-448px -256px}.vi-flag-64.flag-dk{background-position:-512px -256px}.vi-flag-64.flag-dm{background-position:-576px -256px}.vi-flag-64.flag-do{background-position:-640px -256px}.vi-flag-64.flag-dz{background-position:-704px -256px}.vi-flag-64.flag-ec{background-position:-768px -256px}.vi-flag-64.flag-ee{background-position:-832px -256px}.vi-flag-64.flag-eg{background-position:-896px -256px}.vi-flag-64.flag-eh{background-position:-960px -256px}.vi-flag-64.flag-er{background-position:-1024px -256px}.vi-flag-64.flag-es{background-position:0 -320px}.vi-flag-64.flag-et{background-position:-64px -320px}.vi-flag-64.flag-eu{background-position:-128px -320px}.vi-flag-64.flag-fi{background-position:-192px -320px}.vi-flag-64.flag-fj{background-position:-256px -320px}.vi-flag-64.flag-fk{background-position:-320px -320px}.vi-flag-64.flag-fm{background-position:-384px -320px}.vi-flag-64.flag-fo{background-position:-448px -320px}.vi-flag-64.flag-fr{background-position:-512px -320px}.vi-flag-64.flag-ga{background-position:-576px -320px}.vi-flag-64.flag-gb{background-position:-640px -320px}.vi-flag-64.flag-gd{background-position:-704px -320px}.vi-flag-64.flag-ge{background-position:-768px -320px}.vi-flag-64.flag-gg{background-position:-832px -320px}.vi-flag-64.flag-gh{background-position:-896px -320px}.vi-flag-64.flag-gi{background-position:-960px -320px}.vi-flag-64.flag-gl{background-position:-1024px -320px}.vi-flag-64.flag-gm{background-position:0 -384px}.vi-flag-64.flag-gn{background-position:-64px -384px}.vi-flag-64.flag-gq{background-position:-128px -384px}.vi-flag-64.flag-gr{background-position:-192px -384px}.vi-flag-64.flag-gs{background-position:-256px -384px}.vi-flag-64.flag-gt{background-position:-320px -384px}.vi-flag-64.flag-gu{background-position:-384px -384px}.vi-flag-64.flag-gw{background-position:-448px -384px}.vi-flag-64.flag-gy{background-position:-512px -384px}.vi-flag-64.flag-hk{background-position:-576px -384px}.vi-flag-64.flag-hn{background-position:-640px -384px}.vi-flag-64.flag-hr{background-position:-704px -384px}.vi-flag-64.flag-ht{background-position:-768px -384px}.vi-flag-64.flag-hu{background-position:-832px -384px}.vi-flag-64.flag-ic{background-position:-896px -384px}.vi-flag-64.flag-id{background-position:-960px -384px}.vi-flag-64.flag-ie{background-position:-1024px -384px}.vi-flag-64.flag-il{background-position:0 -448px}.vi-flag-64.flag-im{background-position:-64px -448px}.vi-flag-64.flag-in{background-position:-128px -448px}.vi-flag-64.flag-iq{background-position:-192px -448px}.vi-flag-64.flag-ir{background-position:-256px -448px}.vi-flag-64.flag-is{background-position:-320px -448px}.vi-flag-64.flag-it{background-position:-384px -448px}.vi-flag-64.flag-je{background-position:-448px -448px}.vi-flag-64.flag-jm{background-position:-512px -448px}.vi-flag-64.flag-jo{background-position:-576px -448px}.vi-flag-64.flag-jp{background-position:-640px -448px}.vi-flag-64.flag-ke{background-position:-704px -448px}.vi-flag-64.flag-kg{background-position:-768px -448px}.vi-flag-64.flag-kh{background-position:-832px -448px}.vi-flag-64.flag-ki{background-position:-896px -448px}.vi-flag-64.flag-km{background-position:-960px -448px}.vi-flag-64.flag-kn{background-position:-1024px -448px}.vi-flag-64.flag-kp{background-position:0 -512px}.vi-flag-64.flag-kr{background-position:-64px -512px}.vi-flag-64.flag-kw{background-position:-128px -512px}.vi-flag-64.flag-ky{background-position:-192px -512px}.vi-flag-64.flag-kz{background-position:-256px -512px}.vi-flag-64.flag-la{background-position:-320px -512px}.vi-flag-64.flag-lb{background-position:-384px -512px}.vi-flag-64.flag-lc{background-position:-448px -512px}.vi-flag-64.flag-li{background-position:-512px -512px}.vi-flag-64.flag-lk{background-position:-576px -512px}.vi-flag-64.flag-lr{background-position:-640px -512px}.vi-flag-64.flag-ls{background-position:-704px -512px}.vi-flag-64.flag-lt{background-position:-768px -512px}.vi-flag-64.flag-lu{background-position:-832px -512px}.vi-flag-64.flag-lv{background-position:-896px -512px}.vi-flag-64.flag-ly{background-position:-960px -512px}.vi-flag-64.flag-ma{background-position:-1024px -512px}.vi-flag-64.flag-mc{background-position:0 -576px}.vi-flag-64.flag-md{background-position:-64px -576px}.vi-flag-64.flag-me{background-position:-128px -576px}.vi-flag-64.flag-mf{background-position:-192px -576px}.vi-flag-64.flag-mg{background-position:-256px -576px}.vi-flag-64.flag-mh{background-position:-320px -576px}.vi-flag-64.flag-mk{background-position:-384px -576px}.vi-flag-64.flag-ml{background-position:-448px -576px}.vi-flag-64.flag-mm{background-position:-512px -576px}.vi-flag-64.flag-mn{background-position:-576px -576px}.vi-flag-64.flag-mo{background-position:-640px -576px}.vi-flag-64.flag-mp{background-position:-704px -576px}.vi-flag-64.flag-mq{background-position:-768px -576px}.vi-flag-64.flag-mr{background-position:-832px -576px}.vi-flag-64.flag-ms{background-position:-896px -576px}.vi-flag-64.flag-mt{background-position:-960px -576px}.vi-flag-64.flag-mu{background-position:-1024px -576px}.vi-flag-64.flag-mv{background-position:0 -640px}.vi-flag-64.flag-mw{background-position:-64px -640px}.vi-flag-64.flag-mx{background-position:-128px -640px}.vi-flag-64.flag-my{background-position:-192px -640px}.vi-flag-64.flag-mz{background-position:-256px -640px}.vi-flag-64.flag-na{background-position:-320px -640px}.vi-flag-64.flag-nc{background-position:-384px -640px}.vi-flag-64.flag-ne{background-position:-448px -640px}.vi-flag-64.flag-nf{background-position:-512px -640px}.vi-flag-64.flag-ng{background-position:-576px -640px}.vi-flag-64.flag-ni{background-position:-640px -640px}.vi-flag-64.flag-nl{background-position:-704px -640px}.vi-flag-64.flag-no{background-position:-768px -640px}.vi-flag-64.flag-bv{background-position:-768px -640px}.vi-flag-64.flag-np{background-position:-832px -640px}.vi-flag-64.flag-nr{background-position:-896px -640px}.vi-flag-64.flag-nu{background-position:-960px -640px}.vi-flag-64.flag-nz{background-position:-1024px -640px}.vi-flag-64.flag-om{background-position:0 -704px}.vi-flag-64.flag-pa{background-position:-64px -704px}.vi-flag-64.flag-pe{background-position:-128px -704px}.vi-flag-64.flag-pf{background-position:-192px -704px}.vi-flag-64.flag-pg{background-position:-256px -704px}.vi-flag-64.flag-ph{background-position:-320px -704px}.vi-flag-64.flag-pirate-black{background-position:-384px -704px}.vi-flag-64.flag-pirate-white{background-position:-448px -704px}.vi-flag-64.flag-pk{background-position:-512px -704px}.vi-flag-64.flag-pl{background-position:-576px -704px}.vi-flag-64.flag-pn{background-position:-640px -704px}.vi-flag-64.flag-pr{background-position:-704px -704px}.vi-flag-64.flag-ps{background-position:-768px -704px}.vi-flag-64.flag-pt{background-position:-832px -704px}.vi-flag-64.flag-pw{background-position:-896px -704px}.vi-flag-64.flag-py{background-position:-960px -704px}.vi-flag-64.flag-qa{background-position:-1024px -704px}.vi-flag-64.flag-ro{background-position:0 -768px}.vi-flag-64.flag-rs{background-position:-64px -768px}.vi-flag-64.flag-ru{background-position:-128px -768px}.vi-flag-64.flag-rw{background-position:-192px -768px}.vi-flag-64.flag-sa{background-position:-256px -768px}.vi-flag-64.flag-sb{background-position:-320px -768px}.vi-flag-64.flag-sc{background-position:-384px -768px}.vi-flag-64.flag-sd{background-position:-448px -768px}.vi-flag-64.flag-se{background-position:-512px -768px}.vi-flag-64.flag-sg{background-position:-576px -768px}.vi-flag-64.flag-sh{background-position:-640px -768px}.vi-flag-64.flag-si{background-position:-704px -768px}.vi-flag-64.flag-sk{background-position:-768px -768px}.vi-flag-64.flag-sl{background-position:-832px -768px}.vi-flag-64.flag-sm{background-position:-896px -768px}.vi-flag-64.flag-sn{background-position:-960px -768px}.vi-flag-64.flag-so{background-position:-1024px -768px}.vi-flag-64.flag-sr{background-position:0 -832px}.vi-flag-64.flag-ss{background-position:-64px -832px}.vi-flag-64.flag-st{background-position:-128px -832px}.vi-flag-64.flag-sv{background-position:-192px -832px}.vi-flag-64.flag-sy{background-position:-256px -832px}.vi-flag-64.flag-sz{background-position:-320px -832px}.vi-flag-64.flag-tc{background-position:-384px -832px}.vi-flag-64.flag-td{background-position:-448px -832px}.vi-flag-64.flag-tf{background-position:-512px -832px}.vi-flag-64.flag-tg{background-position:-576px -832px}.vi-flag-64.flag-th{background-position:-640px -832px}.vi-flag-64.flag-tj{background-position:-704px -832px}.vi-flag-64.flag-tk{background-position:-768px -832px}.vi-flag-64.flag-tl{background-position:-832px -832px}.vi-flag-64.flag-tm{background-position:-896px -832px}.vi-flag-64.flag-tn{background-position:-960px -832px}.vi-flag-64.flag-to{background-position:-1024px -832px}.vi-flag-64.flag-tr{background-position:0 -896px}.vi-flag-64.flag-tt{background-position:-64px -896px}.vi-flag-64.flag-tv{background-position:-128px -896px}.vi-flag-64.flag-tw{background-position:-192px -896px}.vi-flag-64.flag-tz{background-position:-256px -896px}.vi-flag-64.flag-ua{background-position:-320px -896px}.vi-flag-64.flag-ug{background-position:-384px -896px}.vi-flag-64.flag-us{background-position:-448px -896px}.vi-flag-64.flag-uy{background-position:-512px -896px}.vi-flag-64.flag-uz{background-position:-576px -896px}.vi-flag-64.flag-va{background-position:-640px -896px}.vi-flag-64.flag-vc{background-position:-704px -896px}.vi-flag-64.flag-ve{background-position:-768px -896px}.vi-flag-64.flag-vg{background-position:-832px -896px}.vi-flag-64.flag-vi{background-position:-896px -896px}.vi-flag-64.flag-vn{background-position:-960px -896px}.vi-flag-64.flag-vu{background-position:-1024px -896px}.vi-flag-64.flag-xbt{background-position:-448px -960px}.vi-flag-64.flag-eth{background-position:-512px -960px}.vi-flag-64.flag-zm{background-position:-320px -960px}.vi-flag-64.flag-gf{background-position:-576px -960px}.vi-flag-64.flag-gp{background-position:-512px -320px}.vi-flag-64.flag-re{background-position:-512px -320px}.vi-flag-64.flag-yt{background-position:-192px -960px}.vi-flag-64.flag-ws{background-position:-64px -960px}.vi-flag-64.flag-za{background-position:-256px -960px}.vi-flag-64.flag-sj{background-position:-768px -640px}.vi-flag-64.flag-wf{background-position:0 -960px}.vi-flag-64.flag-ye{background-position:-128px -960px}.vi-flag-64.flag-zw{background-position:-384px -960px}.vi-flag-64.flag-pm{background-position:-640px -960px}:root{--woocommerce:#720eec;--wc-green:#007518;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px;--wc-destructive:#cc1818;--wc-card-border-radius:8px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}