body{margin:0;background:#0e0c1b}
*{box-sizing:border-box}
.shot{display:block;height:auto;border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.wrap{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}
.herocomp .hp{aspect-ratio:1024 / 1446}
.herocomp .hph{width:348px;aspect-ratio:1350 / 2760}
.hero-geraet{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
@media (max-width:700px){h1{font-size:40px!important} h2{font-size:32px!important} .shot{max-width:100%} .side{display:none!important} .hero-stage{height:auto!important} .hero-stage .shot{position:static!important;transform:none!important;margin:0 auto} table{font-size:14px} td,th{padding:10px 6px!important} .chapter,.feat,.row,.stmt{gap:32px!important;padding-top:48px!important;padding-bottom:48px!important}}
.r1{background:radial-gradient(90% 40% at 85% 0%,#2a2150 0%,rgba(14,12,27,0) 60%),#0e0c1b;color:#b0a7d2;font-family:'Nunito',system-ui,sans-serif;font-size:18px;line-height:1.65}
.r1 h1,.r1 h2{font-family:'Lora',Georgia,serif;color:#ece7fb;font-weight:600;margin:0}
.r1 .time{font-family:'Lora',Georgia,serif;font-style:italic;color:#ecc978;font-size:22px;margin:0 0 8px}
.r1 .row{display:flex;flex-wrap:wrap;gap:64px;align-items:center;padding:80px 0;border-top:1px solid #2e2949}
.r1 .row>div{flex:1 1 420px}
.r1 .row{padding:44px 0}
.r1 .tl{position:relative;padding-left:40px}
.r1 .tl:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:linear-gradient(#ecc978,#2e2949)}
.r1 .dot{position:absolute;left:-39px;top:10px;width:16px;height:16px;border-radius:50%;background:#ecc978;box-shadow:0 0 0 6px rgba(236,201,120,.15)}
.phone{position:relative;background:#1b1a22;border-radius:56px;padding:12px;box-shadow:inset 0 0 0 2px #3a3846,0 40px 90px rgba(0,0,0,.5)}
.phone .screen{border-radius:44px;overflow:hidden;background:#0e0c1b}
.phone .island{position:absolute;top:24px;left:50%;transform:translateX(-50%);width:30%;height:26px;border-radius:20px;background:#000}
.ill{background:#17142a;border:1px solid #2e2949;border-radius:28px;padding:36px;display:flex;flex-direction:column;gap:14px;max-width:440px;margin:0 auto}
.bubble{background:#201c38;border-radius:22px 22px 22px 6px;padding:16px 20px;color:#ece7fb;font-size:19px}
.chip{display:inline-flex;align-items:center;gap:10px;background:#201c38;border:1px solid #2e2949;border-radius:999px;padding:8px 16px 8px 8px;color:#ece7fb;font-weight:700}
.chip i{font-style:normal;width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#2a2110}
.r1 table{width:100%;border-collapse:collapse;font-size:18px}.r1 td,.r1 th{padding:18px 16px;border-bottom:1px solid #2e2949;text-align:left}.r1 th{color:#ece7fb;font-family:'Lora',serif;font-weight:600;font-size:20px}
.book{flex:1 1 0;max-width:34px;min-width:0;border-radius:4px 4px 2px 2px}.ml{display:none}
.r1 .row>div{min-width:0}
.r1 h2{line-height:1.15}
footer a{display:inline-block;padding:12px 0}
@media (max-width:1000px){.r1 .row .t{order:-1}}
@media (max-width:700px){
.r1 form button{flex:1 1 100%}

.chips{min-width:0;max-width:calc(100% + 22px);flex-wrap:nowrap!important;overflow-x:auto;margin-right:-22px;padding-right:22px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips .chip{flex:none}
.bt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px!important}
.tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.tiles .ill{min-width:0;overflow-wrap:anywhere}
.tiles .ill{padding:16px!important}.tiles h3{font-size:17px!important}.tiles p{font-size:14px!important}
.midcta{padding:22px!important}.midcta p{font-size:20px!important}.midcta a{flex:1 1 100%}
.time{font-size:18px!important}

.dl{display:none}.ml{display:inline}
.r1{font-size:17px}
.r1 .row{padding:40px 0!important;gap:28px!important}
.r1 .row .t p:last-child{font-size:17px!important}
.herocomp{min-height:0!important;display:block!important}
.herocomp .hp{position:static!important;width:100%!important}
.herocomp .hph{position:relative!important;left:auto!important;top:auto!important;width:201.84px;max-width:100%;margin:-170px auto 0}
.float{margin:-40px 0 0 12px!important}
.ill{padding:22px!important}
.chip{padding:6px 12px!important;font-size:14px}
.chip i{width:28px!important;height:28px!important}
.ill p[style*="font-size:21px"]{font-size:18px!important}
.r1 table{font-size:14px}.r1 td,.r1 th{padding:12px 6px!important}.r1 th{font-size:16px}
.r1 td:first-child{width:52%}.r1 td{font-size:15px}
}

input{min-width:0;max-width:100%}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a99cf2;outline-offset:4px}