:root{--bg:#0f1010;--bg2:#141515;--panel:#1a1c1b;--ink:#eeece7;--muted:#9a9b93;--bronze:#bc9c70;--bronze2:#d6b98e;--line:#ffffff1c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Inter Tight","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{display:block;width:100%}
em{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;color:var(--bronze);letter-spacing:-.02em}
.eb{display:block;font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--bronze)}.center{text-align:center}
.lh{position:fixed;inset:0 0 auto;z-index:30;display:flex;justify-content:space-between;align-items:center;height:84px;padding:0 5%;transition:background .4s,border-color .4s;border-bottom:1px solid transparent}
.lh.solid{background:#0f1010e6;backdrop-filter:blur(14px);border-color:var(--line)}
.lg{font-weight:700;letter-spacing:.24em;font-size:14px}.lg small{display:block;font-weight:400;font-size:7px;letter-spacing:.34em;color:var(--muted);margin-top:6px}
.lh nav{display:flex;gap:30px;align-items:center;font-size:9px;letter-spacing:.17em;text-transform:uppercase}.lh nav a{color:#d6d3ca}.lh nav a:hover{color:var(--bronze2)}
.lbtn{display:inline-flex;align-items:center;gap:18px;padding:13px 18px;border:1px solid #8b8c84;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)!important;transition:.25s;white-space:nowrap}
.lbtn:hover{border-color:var(--bronze2)}.lbtn.gold{background:var(--bronze);border-color:var(--bronze);color:#171816!important}.lbtn.gold:hover{background:var(--bronze2)}
.lbtn.big{padding:19px 24px;font-size:10px}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:-4%;background-size:cover;background-position:center 60%;animation:kb 26s ease-in-out infinite alternate;filter:saturate(.9)}
@keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0f1010 0%,#0f1010f0 34%,#0f1010a8 62%,#0f101066 100%),linear-gradient(0deg,#0f1010 0%,transparent 30%)}
.hero-in{position:relative;z-index:2;width:100%;max-width:1500px;margin:auto;padding:130px 5% 90px;display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:center}
.hero h1{font-size:clamp(52px,7.4vw,122px);font-weight:500;letter-spacing:-.065em;line-height:.95;margin:26px 0 30px}
.hero h1 em{font-weight:500;letter-spacing:-.04em}
.lead{font-size:clamp(15px,1.35vw,19px);line-height:1.75;color:#c9c7bf;max-width:610px;margin:0 0 36px}.lead b{color:var(--ink);font-weight:500}
.ctas{display:flex;gap:14px;flex-wrap:wrap}.fine{font-size:11px;color:#86887f;margin-top:22px;letter-spacing:.02em}.fine a{text-decoration:underline;text-underline-offset:4px}
.phone{position:relative;justify-self:center;width:min(310px,100%);aspect-ratio:9/19.2;border-radius:46px;background:#050505;padding:12px;box-shadow:0 60px 120px #000c,0 0 0 1px #ffffff26,inset 0 0 0 2px #2a2a2a;transform:rotate(3deg);animation:float 7s ease-in-out infinite}
@keyframes float{50%{transform:rotate(3deg) translateY(-12px)}}
.phone video{width:100%;height:100%;object-fit:cover;border-radius:35px;display:block;background:#111}
.notch{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:92px;height:26px;border-radius:20px;background:#050505;z-index:3}
.phone-ui{position:absolute;left:12px;right:12px;bottom:12px;padding:70px 20px 22px;border-radius:0 0 35px 35px;background:linear-gradient(0deg,#000d,transparent)}
.phone-ui span{display:block;font-size:7px;letter-spacing:.26em;color:#d5d2c9}.phone-ui b{display:block;font-size:30px;font-weight:600;letter-spacing:-.05em;margin:6px 0 4px}.phone-ui i{font-style:normal;font-size:12px;color:var(--bronze2)}
.scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;width:42px;height:42px;border:1px solid #ffffff3a;border-radius:50%;display:grid;place-items:center;color:#cfcac0;font-size:14px}
.sec{padding:130px 6%;max-width:1500px;margin:auto;opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease}.sec.in{opacity:1;transform:none}
.sec h2{font-size:clamp(38px,4.8vw,74px);font-weight:400;letter-spacing:-.055em;line-height:1.02;margin:20px 0 28px}
.sec p{color:#a9aa9f;line-height:1.85;font-size:15px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.ticks{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:12px}.ticks li{font-size:13px;color:#d6d3ca;padding-left:28px;position:relative}.ticks li:before{content:"";position:absolute;left:0;top:8px;width:14px;height:1px;background:var(--bronze)}
.chat{background:#171918;border:1px solid var(--line);border-radius:28px;padding:30px;display:flex;flex-direction:column;gap:14px;box-shadow:0 40px 90px #0008}
.bub{max-width:78%;padding:14px 18px;border-radius:20px;font-size:14px;line-height:1.5}.bub small{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin-top:6px}
.bub.in{background:#262927;align-self:flex-start;border-bottom-left-radius:6px}.bub.out{background:var(--bronze);color:#171816;align-self:flex-end;border-bottom-right-radius:6px}
.preview{align-self:flex-end;width:82%;background:#202321;border:1px solid #ffffff24;border-radius:16px;overflow:hidden;transition:transform .3s}.preview:hover{transform:translateY(-3px)}
.preview img{aspect-ratio:1.9;object-fit:cover}.preview div{padding:14px 16px}.preview small{font-size:8px;letter-spacing:.16em;color:#8d9086}.preview b{display:block;font-weight:500;font-size:14px;margin:5px 0}.preview span{font-size:12px;color:#a1a398}
.moments{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:60px}
.moments article{background:var(--panel);border:1px solid var(--line);padding:30px 24px;min-height:260px;position:relative;transition:border-color .3s,transform .3s}.moments article:hover{border-color:#bc9c7088;transform:translateY(-4px)}
.moments .n{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;color:var(--bronze);font-size:30px}
.moments h3{font-weight:500;font-size:22px;letter-spacing:-.035em;margin:24px 0 10px}.moments p{font-size:13px;margin:0;line-height:1.7}
.card-mom{grid-row:span 1}
.minicard{margin-top:20px;background:linear-gradient(160deg,#f3efe6,#e6dfd0);color:#22241f;border-radius:14px;padding:10px;transform:rotate(-3deg);box-shadow:0 20px 40px #0009;border:1.5px solid #bc9c70}
.minicard div{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:.18em;text-transform:uppercase;color:#8c7454}.minicard div b{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:16px;color:#bc9c70}
.minicard img{aspect-ratio:1.5;object-fit:cover;border-radius:6px;margin:7px 0}.minicard strong{display:block;font-size:15px;letter-spacing:-.03em;margin-bottom:4px}
.minicard p{display:flex;justify-content:space-between;font-size:9px!important;color:#5d594d!important;border-top:1px solid #cfc6b2;margin:0!important;padding:4px 0;line-height:1.4!important}.minicard p i{font-style:normal;font-weight:600;color:#22241f}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:46px}.sec-head p{max-width:330px;font-size:13px;margin:0}
.ex{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.excard{display:block;background:var(--panel);border:1px solid var(--line);transition:transform .45s,border-color .45s}.excard:hover{transform:translateY(-6px);border-color:#bc9c7077}
.excard figure{margin:0;overflow:hidden}.excard img{aspect-ratio:1.55;object-fit:cover;transition:transform 1s}.excard:hover img{transform:scale(1.04)}
.exb{padding:26px 26px 28px}.exb h3{font-size:38px;font-weight:400;letter-spacing:-.05em;margin:12px 0 8px}.exb small{font-size:9px;letter-spacing:.15em;color:#8e9087}
.exf{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.exf strong{font-weight:400;font-size:22px;letter-spacing:-.03em}.exf span{font-size:9px;letter-spacing:.16em;color:var(--bronze)}
.steps{list-style:none;padding:0;margin:64px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.steps li{padding:36px 30px 10px 0;border-right:1px solid var(--line);margin-right:30px}.steps li:last-child{border:0}
.steps b{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500;font-size:54px;color:var(--bronze);line-height:1}
.steps h3{font-weight:500;font-size:21px;letter-spacing:-.03em;margin:20px 0 10px}.steps p{font-size:13px;margin:0}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.chips li{border:1px solid #ffffff2e;padding:13px 18px;font-size:12px;color:#d9d6cd;border-radius:40px;background:#161817}
.price{text-align:center;max-width:820px;margin:auto;border:1px solid #bc9c7055;background:radial-gradient(ellipse at top,#2a261e 0%,#171918 70%);padding:80px 40px}
.price p{max-width:560px;margin:0 auto 34px}
.final{position:relative;min-height:80svh;display:grid;place-items:center;overflow:hidden;text-align:center}
.final-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.3) saturate(.9)}
.final:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0f1010,transparent 40%,#0f1010)}
.final-in{position:relative;z-index:2;padding:60px 6%}.final h2{font-size:clamp(42px,6.4vw,104px);font-weight:400;letter-spacing:-.06em;line-height:1;margin:0 0 40px;max-width:1100px}
.lf{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:40px 6%;border-top:1px solid var(--line);font-size:10px;color:#80837a}
.lf span{font-weight:700;letter-spacing:.24em;color:var(--ink)}.lf span small{display:block;font-weight:400;letter-spacing:.2em;color:#80837a;margin-top:4px}
.lf nav{display:flex;gap:22px;letter-spacing:.12em;text-transform:uppercase}.lf p{width:100%;margin:0}
@media(max-width:1100px){.moments{grid-template-columns:1fr 1fr 1fr}.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(2){border:0}}
@media(max-width:860px){.lh nav a:not(.lbtn){display:none}.hero-in{grid-template-columns:1fr;padding-top:120px}.phone{width:250px;margin-top:20px}.split,.ex{grid-template-columns:1fr}.moments{grid-template-columns:1fr 1fr}.sec{padding:90px 6%}.sec-head{display:block}}
@media(max-width:560px){.lh{height:70px}.lg{font-size:12px}.lbtn{padding:11px 13px;gap:10px}.lbtn.big{padding:17px 18px;font-size:9px;width:100%;justify-content:space-between}.hero h1{font-size:15vw}.moments{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps li{border-right:0;border-bottom:1px solid var(--line);margin:0;padding:28px 0}.chat{padding:18px}.bub{max-width:90%}.preview{width:94%}.price{padding:56px 22px}.exb h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.sec{opacity:1;transform:none}}
/* Mobil (Nov 2026): lesbare Schrift, schnelleres Einblenden, kein leerer Bildschirm beim Scrollen */
@media(max-width:560px){
 .sec{padding:64px 20px;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}
 .hero-in{padding:104px 20px 56px;gap:44px}
 .lead{font-size:16px;line-height:1.6}
 .sec p{font-size:15px;line-height:1.6}
 .eb{font-size:11px;letter-spacing:.18em}
 .lbtn{font-size:11px;letter-spacing:.12em}.lbtn.big{font-size:11px}
 .phone{width:min(270px,74vw)}
 .phone-ui span{font-size:9px}
}