.hp{--ink:#0f172a;--blue:#2563eb;--soft:#64748b;--paper:#fff;--line:#e2e8f0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.hp *{box-sizing:border-box}.hp a{text-decoration:none;color:inherit}.hp-header{height:76px;max-width:1220px;margin:auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center}.hp-brand{font-size:21px;font-weight:900;letter-spacing:-1px}.hp-brand span{color:var(--blue)}.hp-header nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:650}.hp-nav-cta,.hp-actions a:first-child,.hp-search button,.hp-final a{border:0;border-radius:12px;background:var(--blue);color:#fff;padding:12px 17px;font-weight:800;cursor:pointer}.hp-hero{max-width:1164px;min-height:525px;margin:auto;padding:68px 28px;display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.hp-eyebrow{margin:0 0 13px;color:var(--blue);font-weight:850;font-size:12px;letter-spacing:.11em;text-transform:uppercase}.hp-copy h1{margin:0;max-width:590px;font-size:clamp(42px,5vw,68px);line-height:1.03;letter-spacing:-.065em}.hp-copy mark{background:none;color:var(--blue)}.hp-sub{max-width:520px;margin:21px 0 26px;color:var(--soft);font-size:18px;line-height:1.55}.hp-actions{display:flex;align-items:center;gap:21px;font-size:14px;font-weight:750}.hp-actions a:last-child{color:var(--soft)}.hp-visual{min-width:0}.hp-map{position:relative;height:385px;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#dcecff,#f6fbff);box-shadow:0 28px 70px #0f172a20}.hp-map:before{content:'';position:absolute;inset:-30px;background:repeating-linear-gradient(25deg,transparent 0 33px,#b5d4ed 34px 37px,transparent 38px 66px),repeating-linear-gradient(115deg,transparent 0 44px,#c9e2f1 45px 48px,transparent 49px 88px);opacity:.78}.hp-road{position:absolute;border:7px solid #fff;border-radius:50%;opacity:.9}.r1{width:380px;height:190px;left:-80px;top:80px}.r2{width:320px;height:260px;right:-100px;top:0}.r3{width:420px;height:200px;left:0;bottom:-120px}.hp-pin{position:absolute;width:17px;height:17px;border-radius:50% 50% 50% 0;background:var(--blue);transform:rotate(-45deg);box-shadow:0 0 0 7px #2563eb25;animation:hpPulse 2.5s infinite}.hp-pin:after{content:'';position:absolute;inset:5px;border-radius:50%;background:#fff}.p1{left:26%;top:31%}.p2{left:62%;top:23%}.p3{left:55%;top:66%}.hp-map aside,.hp-life aside{position:absolute;right:18px;bottom:18px;z-index:2;display:grid;gap:4px;min-width:210px;padding:15px;border-radius:15px;background:#fff;box-shadow:0 12px 28px #0f172a22;font-size:13px}.hp-map aside small{color:#16a34a;font-weight:800}.hp-map aside strong{font-size:15px}.hp-ribbon{max-width:1110px;margin:-12px auto 40px;padding:15px 20px;border:1px solid var(--line);border-radius:16px;display:flex;justify-content:space-between;gap:15px;background:#fff;box-shadow:0 9px 25px #0f172a0a;font-weight:750;font-size:13px}.hp-ribbon span:before{content:'✓';margin-right:8px;color:#16a34a}.hp-section{max-width:1110px;margin:0 auto;padding:82px 20px}.hp-section h2{max-width:700px;margin:0 0 26px;font-size:clamp(29px,3.5vw,46px);letter-spacing:-.05em}.hp-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hp-benefits article,.hp-plan-grid article{padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}.hp-benefits i{display:grid;place-items:center;width:42px;height:42px;margin-bottom:18px;border-radius:12px;background:#eff6ff;font-size:21px;font-style:normal}.hp-benefits b,.hp-how b{font-size:17px}.hp-benefits p,.hp-how p,.hp-plan-grid p,.hp-free p{margin:8px 0 0;color:var(--soft);line-height:1.55}.hp-how{background:#f8fbff;max-width:none;padding-left:max(20px,calc((100% - 1070px)/2));padding-right:max(20px,calc((100% - 1070px)/2))}.hp-how>div,.hp-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hp-how article{padding:14px 12px}.hp-how em{display:grid;place-items:center;width:37px;height:37px;margin-bottom:15px;border-radius:50%;background:var(--blue);color:#fff;font-style:normal;font-weight:850}.hp-plans{padding-bottom:65px}.hp-plan-grid a{display:block;margin-top:20px;color:var(--blue);font-size:14px;font-weight:800}.hp-free{background:#f8fbff;text-align:center}.hp-free h2{margin-left:auto;margin-right:auto}.hp-free p{max-width:520px;margin:auto}.hp-faq{max-width:800px}.hp-faq details{border-bottom:1px solid var(--line);padding:18px 0}.hp-faq summary{cursor:pointer;font-weight:800}.hp-faq p{color:var(--soft);line-height:1.5}.hp-final{max-width:1110px;margin:16px auto 50px;padding:66px 20px;border-radius:26px;background:#0f172a;color:#fff;text-align:center}.hp-final h2{margin:0 0 25px;font-size:clamp(30px,4vw,48px);letter-spacing:-.05em}.hp-final a{display:inline-block;background:#fff;color:#0f172a}footer{max-width:1110px;margin:auto;padding:0 20px 40px;display:flex;gap:14px;flex-wrap:wrap;color:var(--soft);font-size:13px}footer a{font-weight:700}.hp-search{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;padding:13px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 15px 35px #2563eb14}.hp-search label{display:grid;gap:5px;color:#475569;font-size:11px;font-weight:800}.hp-search input,.hp-search select{min-width:0;border:0;background:#f8fafc;border-radius:8px;padding:9px;font:inherit;color:var(--ink)}.hp-search button{align-self:end;white-space:nowrap}.hp-status{display:inline-block;margin-bottom:16px;padding:7px 10px;border-radius:99px;background:#dcfce7;color:#166534;font-size:11px;font-weight:900;letter-spacing:.08em}.hp-berlin_live_map{--ink:#fff;--blue:#ffc83d;--soft:#c4d4e7;--paper:#071b33;--line:#244567}.hp-berlin_live_map .hp-header{color:#fff}.hp-berlin_live_map .hp-brand span{color:#ffc83d}.hp-berlin_live_map .hp-nav-cta,.hp-berlin_live_map .hp-actions a:first-child{background:#ffc83d;color:#071b33}.hp-berlin_live_map .hp-map{background:#103b5c}.hp-berlin_live_map .hp-benefits article,.hp-berlin_live_map .hp-plan-grid article{background:#0b2c4d;border-color:#244b6e}.hp-berlin_live_map .hp-benefits i{background:#173e60}.hp-berlin_live_map .hp-how,.hp-berlin_live_map .hp-free{background:#0b2c4d}.hp-berlin_live_map .hp-ribbon{background:#0b2c4d;border-color:#244b6e}.hp-berlin_live_map .hp-final{background:#ffc83d;color:#071b33}.hp-berlin_live_map .hp-final a{background:#071b33;color:#fff}.hp-feel_at_home{--blue:#ff7a59;--paper:#fff9f1;--ink:#172033;--line:#f2d9ca}.hp-feel_at_home .hp-hero{grid-template-columns:1.03fr .97fr}.hp-life{position:relative;height:385px;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,#ffe5d1,#ffb69f)}.hp-life:before{content:'';position:absolute;width:230px;height:230px;left:13%;top:55px;border-radius:50% 50% 15% 15%;background:#fff9f1;box-shadow:120px 100px 0 -75px #dff5e8}.hp-life div{position:absolute;z-index:1;left:25%;top:130px;color:#ff7a59;font-size:100px}.hp-life aside{background:#fff}.hp-housing_radar{background:linear-gradient(180deg,#f0f7ff 0,white 38%)}.hp-housing_radar .hp-map{background:#eaf6ff}.hp-housing_radar .hp-pin{background:#06b6d4}.hp-housing_radar .hp-ribbon{border-color:#cde9f7}.hp-smart_search .hp-hero{display:block;min-height:550px;padding-top:108px;text-align:center}.hp-smart_search .hp-copy{max-width:820px;margin:auto}.hp-smart_search .hp-copy h1,.hp-smart_search .hp-sub{margin-left:auto;margin-right:auto}.hp-smart_search .hp-visual{display:none}.hp-smart_search .hp-search{text-align:left}.hp-smart_search .hp-benefits{max-width:900px}.hp-smart_search .hp-benefits article{text-align:center;border:0;background:transparent}.hp-smart_search .hp-benefits i{margin-left:auto;margin-right:auto}@keyframes hpPulse{0%,100%{box-shadow:0 0 0 7px #2563eb20}50%{box-shadow:0 0 0 14px transparent}}@media(max-width:800px){.hp-header{padding:0 18px;height:64px}.hp-header nav a:not(.hp-nav-cta){display:none}.hp-header nav{gap:0}.hp-hero{min-height:0;padding:52px 20px;grid-template-columns:1fr;gap:30px}.hp-copy h1{font-size:46px}.hp-map,.hp-life{height:285px}.hp-ribbon{margin:0 20px 10px;display:grid;grid-template-columns:1fr;font-size:12px}.hp-section{padding:54px 20px}.hp-benefits,.hp-how>div,.hp-plan-grid{grid-template-columns:1fr}.hp-how{padding-left:20px;padding-right:20px}.hp-smart_search .hp-hero{padding-top:70px}.hp-search{grid-template-columns:1fr 1fr}.hp-search button{grid-column:1/-1}.hp-feel_at_home .hp-hero{grid-template-columns:1fr}.hp-feel_at_home .hp-visual{order:-1}}@media(max-width:380px){.hp-copy h1{font-size:39px}.hp-search{grid-template-columns:1fr}.hp-header nav .hp-nav-cta{padding:9px 10px;font-size:12px}.hp-map aside,.hp-life aside{right:12px;bottom:12px;min-width:185px}.hp-actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.hp *{animation:none!important;transition:none!important}}

/* Keep CTA headings readable against the dark final panel. */
.hp .hp-final h2{color:inherit}

.hp h1,.hp h2{color:var(--ink)}
.hp .hp-final h2{color:inherit}
.hp .hp-map aside,.hp .hp-life aside{color:#0f172a}

/* Light, map-first premium composition. Markers only use stored coordinates. */
.hp-modern_map_hero{background:linear-gradient(180deg,#eff8ff 0,#fff 46%)}.hp-hero-map{display:block;max-width:1180px;padding-top:58px}.hp-hero-map .hp-copy{max-width:790px;margin:0 auto;text-align:center}.hp-hero-map .hp-copy h1{margin-inline:auto}.hp-hero-map .hp-sub{margin:18px auto 24px}.hp-modern-map-wrap{margin-top:26px;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px #2563eb22}.hp-real-map{position:relative;height:410px;overflow:hidden;background:linear-gradient(135deg,#d8edff,#f7fbff 55%,#cce9db);isolation:isolate}.hp-real-map:before{content:'';position:absolute;inset:-20px;background:repeating-linear-gradient(24deg,transparent 0 38px,#fff 39px 42px,transparent 43px 78px),repeating-linear-gradient(112deg,transparent 0 57px,#bbd8e6 58px 61px,transparent 62px 103px);opacity:.82}.hp-real-map:after{content:'';position:absolute;width:32%;height:150%;left:42%;top:-25%;border:12px solid #9ed4e9;border-radius:48%;transform:rotate(21deg);opacity:.75}.hp-map-label{position:absolute;z-index:3;top:18px;left:18px;padding:9px 12px;border:1px solid #d8e8f3;border-radius:10px;background:#fffffff0;color:#174466;font-size:12px;font-weight:800;box-shadow:0 6px 18px #16466a15}.hp-real-pin{position:absolute;z-index:4;display:block;width:20px;height:20px;border:3px solid #fff;border-radius:50% 50% 50% 0;background:#1677ff;box-shadow:0 5px 14px #1768bb55;transform:translate(-50%,-100%) rotate(-45deg);transition:transform .2s ease,filter .2s ease}.hp-real-pin i{position:absolute;inset:4px;border-radius:50%;background:#fff}.hp-real-pin span{position:absolute;left:26px;top:-8px;display:none;width:190px;padding:10px;border-radius:12px;background:#fff;color:#16324b;box-shadow:0 12px 26px #10375d31;transform:rotate(45deg);font-size:11px}.hp-real-pin span>*{display:block}.hp-real-pin span small{margin:3px 0;color:#64748b}.hp-real-pin:hover,.hp-real-pin:focus{z-index:6;filter:saturate(1.3);transform:translate(-50%,-100%) rotate(-45deg) scale(1.18)}.hp-real-pin:hover span,.hp-real-pin:focus span{display:block}.hp-real-pin-1{background:#8b5cf6}.hp-real-pin-2{background:#f97316}.hp-real-pin-3{background:#16a34a}.hp-real-map--empty{display:grid;place-items:center;background:linear-gradient(135deg,#eaf5ff,#f8fbff);color:#52718c;font-weight:700}.hp-map-benefits{max-width:1100px;margin:26px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hp-map-benefits span{padding:14px 16px;border:1px solid #dceafa;border-radius:14px;background:#fff;color:#32618c;font-size:13px;box-shadow:0 7px 18px #1c64a60c}.hp-map-benefits b{margin-left:7px;color:#102d48}
/* Cinematic, license-safe Berlin-at-dusk silhouette (CSS artwork, no external asset). */
.hp-fullscreen_berlin_hero{--paper:#071322;--ink:#fff;--soft:#d1d9e6;--blue:#f4be3c;background:#071322}.hp-fullscreen_berlin_hero main{overflow:hidden}.hp-fullscreen_berlin_hero .hp-hero{position:relative;max-width:none;min-height:640px;padding-left:max(28px,calc((100% - 1110px)/2));padding-right:max(28px,calc((100% - 1110px)/2));background:radial-gradient(circle at 70% 18%,#e482537a 0 5%,transparent 26%),linear-gradient(125deg,#07111e 5%,#182a46 52%,#93634a 120%)}.hp-fullscreen_berlin_hero .hp-hero:after{content:'';position:absolute;right:-4%;bottom:0;width:68%;height:47%;background:linear-gradient(90deg,#08111d,#142338);clip-path:polygon(0 100%,0 48%,6% 48%,6% 28%,10% 28%,10% 67%,15% 67%,15% 15%,20% 15%,20% 58%,27% 58%,27% 38%,34% 38%,34% 66%,41% 66%,41% 6%,45% 6%,45% 68%,51% 68%,51% 31%,57% 31%,57% 56%,64% 56%,64% 22%,71% 22%,71% 61%,77% 61%,77% 42%,83% 42%,83% 70%,90% 70%,90% 34%,100% 34%,100% 100%);opacity:.9}.hp-fullscreen_berlin_hero .hp-copy{position:relative;z-index:2}.hp-fullscreen_berlin_hero .hp-copy h1{font-size:clamp(48px,6vw,78px);text-shadow:0 7px 24px #0008}.hp-fullscreen_berlin_hero .hp-copy mark{color:#f4be3c}.hp-fullscreen_berlin_hero .hp-actions a:first-child{background:#f4be3c;color:#211702;box-shadow:0 12px 28px #0005}.hp-fullscreen_berlin_hero .hp-actions a:last-child{color:#fff}.hp-fullscreen_berlin_hero .hp-visual{display:none}.hp-fullscreen_berlin_hero .hp-status{background:#ffffff18;color:#fff;border:1px solid #ffffff3b}.hp-cinematic-stats{position:relative;z-index:3;max-width:1060px;margin:-38px auto 24px;padding:18px 22px;border:1px solid #ffffff2b;border-radius:17px;display:flex;justify-content:space-between;gap:15px;background:#10213be8;color:#fff;box-shadow:0 18px 42px #0004;font-size:13px;font-weight:800}.hp-cinematic-stats span:before{content:'●';margin-right:8px;color:#f4be3c}.hp-fullscreen_berlin_hero .hp-benefits article,.hp-fullscreen_berlin_hero .hp-plan-grid article{background:#102039;border-color:#29405e}.hp-fullscreen_berlin_hero .hp-benefits i{background:#1b3254;color:#f4be3c}.hp-fullscreen_berlin_hero .hp-how,.hp-fullscreen_berlin_hero .hp-free{background:#0b1a2d}.hp-fullscreen_berlin_hero .hp-final{background:#f4be3c;color:#191204}.hp-fullscreen_berlin_hero .hp-final a{background:#101d31;color:#fff}
@media(max-width:800px){.hp-hero-map{padding-top:42px}.hp-real-map{height:300px}.hp-map-benefits{margin:14px 20px 0;grid-template-columns:1fr}.hp-fullscreen_berlin_hero .hp-hero{min-height:570px;padding-left:20px;padding-right:20px}.hp-fullscreen_berlin_hero .hp-hero:after{width:120%;height:31%}.hp-cinematic-stats{margin:-22px 20px 12px;display:grid;grid-template-columns:1fr;font-size:12px}}

/* Design #8: the reference's quiet pink map landing page. */
.hp-design_8{min-height:100vh;background:linear-gradient(180deg,#fff 0%,#fffafc 47%,#fff 100%);color:#101a34;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,sans-serif}
.hp-design_8 .d8-shell{max-width:1440px;min-height:100vh;margin:auto;display:flex;flex-direction:column}
.hp-design_8 .d8-header{width:100%;height:80px;padding:0 clamp(24px,5vw,70px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5}
.hp-design_8 .d8-logo{font-size:19px;font-weight:850;letter-spacing:-.055em;color:#101a34}.hp-design_8 .d8-logo span{color:#142855}
.hp-design_8 .d8-menu{position:relative}.hp-design_8 .d8-menu summary{list-style:none;cursor:pointer;width:34px;height:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:9px}.hp-design_8 .d8-menu summary::-webkit-details-marker{display:none}.hp-design_8 .d8-menu summary span{width:13px;height:1.5px;background:#26365a;border-radius:2px;transition:transform .2s ease}.hp-design_8 .d8-menu[open] summary span:first-child{transform:translateY(4.5px) rotate(45deg)}.hp-design_8 .d8-menu[open] summary span:nth-child(2){opacity:0}.hp-design_8 .d8-menu[open] summary span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.hp-design_8 .d8-menu nav{position:absolute;right:0;top:43px;min-width:170px;padding:9px;background:#fff;border:1px solid #f6e4ec;border-radius:14px;box-shadow:0 14px 35px #d484a229;display:grid;gap:2px}.hp-design_8 .d8-menu nav a{padding:10px 12px;border-radius:8px;font-size:14px;font-weight:650;white-space:nowrap}.hp-design_8 .d8-menu nav a:hover,.hp-design_8 .d8-menu nav a:focus-visible{background:#fff1f5}
.hp-design_8 .d8-main{width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(24px,5vw,70px) 22px}.hp-design_8 .d8-hero{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:580px}.hp-design_8 .d8-copy{position:relative;z-index:2;padding-left:4px;animation:d8Rise .7s both}.hp-design_8 h1{margin:0 0 38px;color:#101a34;font-size:clamp(48px,5vw,77px);font-weight:800;line-height:1.04;letter-spacing:-.064em}.hp-design_8 .d8-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:177px;padding:15px 26px;border-radius:100px;background:linear-gradient(105deg,#ff548f,#ff776f);box-shadow:0 11px 28px #f6789266;color:#fff;font-size:15px;font-weight:700;white-space:nowrap;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;animation:d8Rise .8s .2s both}.hp-design_8 .d8-cta:hover{transform:translateY(-3px);box-shadow:0 16px 31px #f6789280;filter:saturate(1.12)}.hp-design_8 .d8-cta:active{transform:scale(.97)}.hp-design_8 .d8-art{position:relative;min-width:0;animation:d8Fade 1s .12s both}.hp-design_8 .d8-art img{width:115%;max-width:none;height:auto;display:block;margin-left:-5%;filter:drop-shadow(0 15px 30px #f4cbd540)}.hp-design_8 .d8-cta-mobile{display:none}.hp-design_8 .d8-features{width:min(560px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.hp-design_8 .d8-features>div{min-width:0;display:flex;align-items:center;flex-direction:column;gap:7px;color:#1e2c48;font-size:14px;font-weight:650;transition:transform .2s ease,color .2s ease}.hp-design_8 .d8-features>div:hover{transform:translateY(-3px);color:#ef4f8c}.hp-design_8 .d8-features svg{width:19px;height:19px;fill:none;stroke:#fa5a93;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hp-design_8 .d8-features>div:nth-child(2) svg{stroke:#f5709f}.hp-design_8 .d8-features>div:nth-child(3) svg{stroke:#e84883}
@keyframes d8Rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes d8Fade{from{opacity:0}to{opacity:1}}
@media(max-width:1023px){.hp-design_8 .d8-hero{min-height:530px;grid-template-columns:42% 58%}.hp-design_8 h1{font-size:clamp(43px,5.5vw,58px)}.hp-design_8 .d8-art img{width:120%;margin-left:-10%}}
@media(max-width:767px){.hp-design_8 .d8-shell{min-height:100svh}.hp-design_8 .d8-header{height:60px;padding:0 22px}.hp-design_8 .d8-logo{font-size:15px}.hp-design_8 .d8-main{justify-content:space-between;padding:0 0 20px}.hp-design_8 .d8-hero{display:block;min-height:0}.hp-design_8 .d8-copy{padding:38px 25px 0}.hp-design_8 h1{margin:0;font-size:clamp(34px,8.7vw,45px);line-height:1.06;letter-spacing:-.06em}.hp-design_8 .d8-cta-desktop{display:none}.hp-design_8 .d8-art{margin-top:4px}.hp-design_8 .d8-art img{width:112%;margin-left:-6%;filter:none}.hp-design_8 .d8-cta-mobile{display:inline-flex;position:absolute;left:50%;bottom:10%;transform:translateX(-50%);font-size:13px;min-width:140px;padding:12px 18px;animation:d8Fade .8s .4s both}.hp-design_8 .d8-cta-mobile:hover{transform:translate(-50%,-3px)}.hp-design_8 .d8-cta-mobile:active{transform:translateX(-50%) scale(.97)}.hp-design_8 .d8-features{padding:2px 18px 0;gap:0}.hp-design_8 .d8-features>div{font-size:11px;gap:4px}.hp-design_8 .d8-features svg{width:16px;height:16px}}
@media(max-width:360px){.hp-design_8 .d8-copy{padding-top:25px}.hp-design_8 .d8-art img{width:118%;margin-left:-9%}.hp-design_8 .d8-cta-mobile{bottom:8%}}
@media(prefers-reduced-motion:reduce){.hp-design_8 .d8-copy,.hp-design_8 .d8-art,.hp-design_8 .d8-cta{animation:none}.hp-design_8 .d8-cta,.hp-design_8 .d8-features>div,.hp-design_8 .d8-menu summary span{transition:none}}
@media(min-width:1024px){.hp-design_8 .d8-hero{grid-template-columns:48% 52%}.hp-design_8 h1{font-size:clamp(54px,4.55vw,66px)}}
@media(max-width:767px){.hp-design_8 .d8-art{margin-top:25px}.hp-design_8 .d8-art img{width:140%;margin-left:-20%}}

/* The reference-like hero is intentionally quiet; the following sections restore
   the full product page without competing with its first-screen composition. */
.hp-design_8 .d8-kicker,.hp-design_8 .d8-overline,.hp-design_8 .d8-section-heading>p,.hp-design_8 .d8-final p{margin:0 0 13px;color:#f05289;font-size:11px;font-weight:800;letter-spacing:.14em}.hp-design_8 .d8-intro{max-width:450px;margin:0 0 24px;color:#52617d;font-size:16px;line-height:1.65}.hp-design_8 .d8-hero-actions{display:flex;align-items:center;gap:21px}.hp-design_8 .d8-text-link{color:#26365a;font-size:14px;font-weight:700;text-decoration:underline;text-decoration-color:#f4b7ca;text-underline-offset:5px}.hp-design_8 .d8-proof{width:min(1100px,calc(100% - 48px));margin:22px auto 78px;padding:17px 24px;border:1px solid #f5e2e9;border-radius:17px;background:#fff;box-shadow:0 12px 30px #d984a114;display:flex;justify-content:space-between;gap:18px;color:#64708a;font-size:13px}.hp-design_8 .d8-proof strong{margin-right:4px;color:#1d2c4d}.hp-design_8 .d8-section{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:92px 0}.hp-design_8 .d8-section-heading{max-width:640px}.hp-design_8 .d8-section h2{margin:0;color:#101a34;font-size:clamp(34px,4.3vw,57px);line-height:1.06;letter-spacing:-.06em}.hp-design_8 .d8-section-heading>span{display:block;margin-top:19px;color:#61708b;font-size:16px;line-height:1.65}.hp-design_8 .d8-how{display:grid;grid-template-columns:37% 1fr;gap:8%;border-top:1px solid #f3e8ed}.hp-design_8 .d8-steps{display:grid;gap:0}.hp-design_8 .d8-steps article{position:relative;padding:0 0 28px 66px;border-bottom:1px solid #f1e7eb;margin-bottom:27px}.hp-design_8 .d8-steps article:last-child{margin-bottom:0;border:0}.hp-design_8 .d8-steps em{position:absolute;left:0;top:-4px;width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:#fff0f5;color:#ef4e86;font-size:13px;font-style:normal;font-weight:800}.hp-design_8 .d8-steps h3,.hp-design_8 .d8-service-grid h3{margin:0 0 8px;font-size:19px;letter-spacing:-.03em}.hp-design_8 .d8-steps p,.hp-design_8 .d8-why p,.hp-design_8 .d8-service-grid p{margin:0;color:#62708a;font-size:15px;line-height:1.62}.hp-design_8 .d8-why{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:11%;padding-top:105px;padding-bottom:105px}.hp-design_8 .d8-why-art{position:relative;min-height:360px;border-radius:32px;overflow:hidden;background:linear-gradient(138deg,#fff0f5,#f7dce7 65%,#ffe4d4)}.hp-design_8 .d8-orbit{position:absolute;border:1px solid #eeb0c5;border-radius:50%;transform:rotate(-23deg)}.hp-design_8 .d8-orbit-one{width:420px;height:160px;left:-74px;top:98px}.hp-design_8 .d8-orbit-two{width:310px;height:115px;right:-96px;top:60px}.hp-design_8 .d8-house{position:absolute;left:43%;top:38%;display:grid;place-items:center;width:94px;height:94px;border-radius:31px 31px 19px 19px;background:#ffd163;color:#fff;font-size:65px;font-weight:300;line-height:1;transform:rotate(-5deg);box-shadow:0 19px 26px #c88c3e2b}.hp-design_8 .d8-pin-dot{position:absolute;left:65%;top:25%;width:38px;height:38px;border:8px solid #ff5b91;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.hp-design_8 .d8-why>div:last-child>p:not(.d8-overline){margin-top:21px}.hp-design_8 .d8-why ul{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:13px;color:#55637e;font-size:14px}.hp-design_8 .d8-why li{padding-left:23px;position:relative}.hp-design_8 .d8-why li:before{content:'✓';position:absolute;left:0;color:#ed4d87;font-weight:900}.hp-design_8 .d8-why b{color:#243352}.hp-design_8 .d8-services{border-top:1px solid #f3e8ed}.hp-design_8 .d8-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:39px}.hp-design_8 .d8-service-grid article{min-height:270px;padding:26px;border:1px solid #f0e2e7;border-radius:21px;background:#fff;box-shadow:0 10px 28px #b4627810;display:flex;flex-direction:column}.hp-design_8 .d8-service-grid article:first-child{border-color:#f5c7d7;background:linear-gradient(145deg,#fff,#fff4f7)}.hp-design_8 .d8-card-mark{margin-bottom:29px;color:#ed4d87;font-size:11px;font-weight:850;letter-spacing:.1em}.hp-design_8 .d8-service-grid b{margin-bottom:9px;font-size:15px;color:#263553}.hp-design_8 .d8-service-grid a{margin-top:auto;padding-top:20px;color:#ec4d87;font-size:14px;font-weight:800}.hp-design_8 .d8-faq{display:grid;grid-template-columns:41% 1fr;gap:9%;border-top:1px solid #f3e8ed}.hp-design_8 .d8-faq-list details{border-bottom:1px solid #eee4e8;padding:0}.hp-design_8 .d8-faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:23px 0;cursor:pointer;color:#202e4b;font-size:16px;font-weight:750;list-style:none}.hp-design_8 .d8-faq-list summary::-webkit-details-marker{display:none}.hp-design_8 .d8-faq-list summary span{color:#ef4d87;font-size:22px;font-weight:400;line-height:.7}.hp-design_8 .d8-faq-list details[open] summary span{transform:rotate(45deg)}.hp-design_8 .d8-faq-list p{margin:0;padding:0 0 22px;color:#64708a;font-size:14px;line-height:1.62}.hp-design_8 .d8-final{width:min(1100px,calc(100% - 48px));margin:20px auto 40px;padding:54px clamp(25px,6vw,74px);border-radius:29px;background:linear-gradient(115deg,#142b59,#253d72);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px}.hp-design_8 .d8-final p{color:#ffb1c9}.hp-design_8 .d8-final h2{max-width:600px;margin:0 0 14px;font-size:clamp(31px,3.8vw,50px);line-height:1.07;letter-spacing:-.055em}.hp-design_8 .d8-final>div>span{color:#d7dfef;font-size:15px}.hp-design_8 .d8-final .d8-cta{flex:none;background:#ff668f;box-shadow:0 11px 28px #07142d55}.hp-design_8 .d8-footer{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:22px 0 43px;display:flex;align-items:center;gap:20px;color:#71809a;font-size:12px}.hp-design_8 .d8-footer .d8-logo{margin-right:auto;font-size:17px}.hp-design_8 .d8-footer nav{display:flex;gap:17px}.hp-design_8 .d8-footer nav a{font-weight:650}.hp-design_8 .d8-footer nav a:hover{color:#ef4e86}
@media(max-width:767px){.hp-design_8 .d8-kicker{margin-bottom:10px;font-size:9px}.hp-design_8 .d8-intro{display:none}.hp-design_8 .d8-hero-actions .d8-text-link{display:none}.hp-design_8 .d8-proof{width:calc(100% - 32px);margin:21px auto 44px;padding:14px 15px;display:grid;grid-template-columns:1fr 1fr;font-size:11px}.hp-design_8 .d8-proof span:last-child{display:none}.hp-design_8 .d8-section{width:calc(100% - 40px);padding:61px 0}.hp-design_8 .d8-section h2{font-size:36px}.hp-design_8 .d8-section-heading>span{font-size:14px}.hp-design_8 .d8-how,.hp-design_8 .d8-faq{display:block}.hp-design_8 .d8-steps{margin-top:39px}.hp-design_8 .d8-why{display:flex;flex-direction:column;gap:36px;padding-top:72px;padding-bottom:72px}.hp-design_8 .d8-why-art{width:100%;min-height:260px;order:2}.hp-design_8 .d8-service-grid{grid-template-columns:1fr;margin-top:28px}.hp-design_8 .d8-service-grid article{min-height:220px}.hp-design_8 .d8-faq-list{margin-top:28px}.hp-design_8 .d8-final{width:calc(100% - 40px);margin:9px auto 27px;padding:34px 25px;display:block}.hp-design_8 .d8-final h2{font-size:34px}.hp-design_8 .d8-final .d8-cta{margin-top:25px}.hp-design_8 .d8-footer{width:calc(100% - 40px);padding-bottom:30px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.hp-design_8 .d8-footer .d8-logo{margin:0}.hp-design_8 .d8-footer nav{grid-column:1/-1;flex-wrap:wrap;gap:12px}}
.hp-design_8 .d8-final h2{color:#fff}

/* Reference apartment hero. The lower information sections remain part of the public page. */
.hp-design_8{--d8-ink:#091536;--d8-surface:#fff;--d8-muted:#59647e;background:#fff;color:var(--d8-ink);transition:color .3s}
.hp-design_8 .d8-shell{max-width:none;min-height:0}.hp-design_8 .d8-header,.hp-design_8 .d8-main{width:min(1440px,100%);margin-inline:auto}.hp-design_8 .d8-header{height:100px;padding-inline:clamp(24px,4vw,60px)}
.hp-design_8 .d8-logo img{display:block;width:210px;height:auto}.hp-design_8 .d8-header-actions{display:flex;align-items:center;gap:22px}.hp-design_8 .d8-desktop-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.hp-design_8 .d8-desktop-nav a:hover{color:#f6389e}.hp-design_8 .d8-theme-toggle{display:grid;place-items:center;width:39px;height:39px;border:1px solid #f4d7e3;border-radius:50%;background:#fff8fb;color:#172249;cursor:pointer;transition:transform .2s,background .3s}.hp-design_8 .d8-theme-toggle:hover{transform:rotate(15deg)}.hp-design_8 .d8-theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hp-design_8 .d8-moon{display:none}.hp-design_8 .d8-menu summary{width:40px;height:40px;gap:5px}.hp-design_8 .d8-menu summary span{width:25px;height:2px;background:var(--d8-ink)}
.hp-design_8 .d8-main{position:relative;min-height:690px;padding:0 clamp(24px,4vw,60px) 35px;justify-content:space-between}.hp-design_8 .d8-hero{position:relative;min-height:565px;grid-template-columns:49% 51%;align-items:center}.hp-design_8 .d8-copy{padding:0 0 50px;z-index:2}.hp-design_8 h1{margin:0 0 40px;color:var(--d8-ink);font-size:clamp(54px,5.1vw,78px);font-weight:850;line-height:1.06;letter-spacing:-.055em;white-space:nowrap}.hp-design_8 h1 span{color:#f7359a}.hp-design_8 .d8-cta{min-width:236px;padding:18px 33px;background:linear-gradient(105deg,#f833a3,#ff8b7b);font-size:18px;box-shadow:0 17px 30px #f16c9a42}.hp-design_8 .d8-art{height:565px;align-self:end}.hp-design_8 .d8-art{position:relative;height:auto;aspect-ratio:1018/768;align-self:center}.hp-design_8 .d8-background{position:absolute;inset:0;background:url("flatnotify_background_light.png") right bottom/contain no-repeat}
.hp-design_8 .d8-notification{position:absolute;z-index:2;right:5%;bottom:58px;display:flex;align-items:center;gap:13px;min-width:285px;padding:17px 34px 17px 16px;border-radius:22px;background:#fff;color:#101936;box-shadow:0 17px 34px #56488539;transform:rotate(-5deg);animation:d8Float 5s ease-in-out infinite}.hp-design_8 .d8-bell{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff32a5,#ff8a89);color:#fff;font-size:30px;line-height:1}.hp-design_8 .d8-notification-text{display:grid;gap:4px;white-space:nowrap}.hp-design_8 .d8-notification-text strong{font-size:17px}.hp-design_8 .d8-notification-text small{font-size:13px}.hp-design_8 .d8-heart-badge{position:absolute;right:-11px;top:-37px;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,#ff2ba5,#ff5c96);color:#fff;font-size:26px;box-shadow:0 10px 22px #ef39936b}
.hp-design_8 .d8-features{position:relative;z-index:3;width:min(880px,100%);margin:0 auto;padding:21px 12px;border:1px solid #f8e9ef;border-radius:35px;background:#fffffff0;box-shadow:0 20px 42px #e09db326;gap:0}.hp-design_8 .d8-features>div{position:relative;gap:2px;font-size:16px;color:var(--d8-ink);animation:d8Rise .6s both}.hp-design_8 .d8-features>div:nth-child(2){animation-delay:.12s}.hp-design_8 .d8-features>div:nth-child(3){animation-delay:.24s}.hp-design_8 .d8-features>div+div:before{content:"";position:absolute;left:0;top:24%;height:57%;width:1px;background:#e5dfea}.hp-design_8 .d8-features strong{font-size:18px}.hp-design_8 .d8-features small{font-size:15px}.hp-design_8 .d8-feature-icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:8px;border-radius:19px;font-size:40px;line-height:1}.hp-design_8 .d8-lightning{background:#fff8e9;color:#ffbf28;font-weight:900}.hp-design_8 .d8-feature-bell{background:#f2edff;color:#9562ed}.hp-design_8 .d8-feature-heart{background:#ffecf6;color:#f538aa}
.hp-design_8[data-theme="dark"]{--d8-ink:#fff;--d8-muted:#c9c9df;background:#07132d;color:#fff}.hp-design_8[data-theme="dark"] .d8-theme-toggle{background:#242044;border-color:#58477c;color:#fff}.hp-design_8[data-theme="dark"] .d8-sun{display:none}.hp-design_8[data-theme="dark"] .d8-moon{display:block}.hp-design_8[data-theme="dark"] .d8-logo img{border-radius:6px}.hp-design_8[data-theme="dark"] .d8-menu nav{background:#141a3a;border-color:#3d335f}.hp-design_8[data-theme="dark"] .d8-menu nav a{color:#fff}.hp-design_8[data-theme="dark"] .d8-background{background-image:url("flatnotify_background_dark.png")}.hp-design_8[data-theme="dark"] .d8-features{background:#101831d9;border-color:#514178;box-shadow:0 20px 45px #06071e88}.hp-design_8[data-theme="dark"] .d8-features>div{color:#fff}.hp-design_8[data-theme="dark"] .d8-features>div+div:before{background:#5b5076}.hp-design_8[data-theme="dark"] .d8-feature-icon{background:#ffffff15}.hp-design_8[data-theme="dark"] .d8-section h2,.hp-design_8[data-theme="dark"] .d8-steps h3,.hp-design_8[data-theme="dark"] .d8-service-grid h3,.hp-design_8[data-theme="dark"] .d8-service-grid b,.hp-design_8[data-theme="dark"] .d8-faq-list summary,.hp-design_8[data-theme="dark"] .d8-why b{color:#fff}.hp-design_8[data-theme="dark"] .d8-section-heading>span,.hp-design_8[data-theme="dark"] .d8-steps p,.hp-design_8[data-theme="dark"] .d8-why p,.hp-design_8[data-theme="dark"] .d8-why li,.hp-design_8[data-theme="dark"] .d8-service-grid p,.hp-design_8[data-theme="dark"] .d8-faq-list p{color:#c6c6dc}.hp-design_8[data-theme="dark"] .d8-service-grid article{background:#17203e;border-color:#514178}.hp-design_8[data-theme="dark"] .d8-logo{color:#fff}
@keyframes d8Float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(-5deg)}}
@media(max-width:900px){.hp-design_8 .d8-desktop-nav{display:none}.hp-design_8 .d8-hero{grid-template-columns:1fr;min-height:0}.hp-design_8 .d8-copy{padding:55px 0 0}.hp-design_8 h1{font-size:clamp(45px,7vw,65px)}.hp-design_8 .d8-art{width:min(720px,100%);height:auto;justify-self:end}.hp-design_8 .d8-main{min-height:0}.hp-design_8 .d8-notification{right:8%;bottom:40px}}
@media(max-width:600px){.hp-design_8 .d8-header{height:77px;padding:0 20px}.hp-design_8 .d8-logo img{width:160px}.hp-design_8 .d8-header-actions{gap:8px}.hp-design_8 .d8-main{padding:0 14px 24px}.hp-design_8 .d8-copy{padding:39px 9px 0}.hp-design_8 h1{margin-bottom:28px;font-size:clamp(36px,8.4vw,51px);letter-spacing:-.06em}.hp-design_8 .d8-cta{min-width:195px;padding:15px 25px;font-size:16px}.hp-design_8 .d8-art{width:100%;height:auto;margin-top:8px}.hp-design_8 .d8-notification{right:6%;bottom:30px;min-width:0;padding:11px 25px 11px 10px;gap:8px;border-radius:17px}.hp-design_8 .d8-bell{width:38px;height:38px;font-size:23px}.hp-design_8 .d8-notification-text strong{font-size:14px}.hp-design_8 .d8-notification-text small{font-size:11px}.hp-design_8 .d8-heart-badge{width:35px;height:35px;top:-25px;font-size:20px}.hp-design_8 .d8-features{padding:14px 2px;border-radius:25px}.hp-design_8 .d8-feature-icon{width:46px;height:46px;margin-bottom:5px;border-radius:14px;font-size:31px}.hp-design_8 .d8-features strong{font-size:14px}.hp-design_8 .d8-features small{font-size:11px}.hp-design_8 .d8-features>div{gap:0}}
@media(max-width:360px){.hp-design_8 .d8-logo img{width:137px}.hp-design_8 h1{font-size:34px}.hp-design_8 .d8-art{height:auto}.hp-design_8 .d8-notification{right:1%;bottom:26px}.hp-design_8 .d8-notification-text small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hp-design_8 .d8-notification,.hp-design_8 .d8-features>div{animation:none}}

.hp-design_8 .d8-bell svg,.hp-design_8 .d8-feature-bell svg{width:27px;height:27px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hp-design_8 .d8-bell svg{width:25px;height:25px}.hp-design_8 .d8-bell svg path,.hp-design_8 .d8-feature-bell svg path{fill:none}
@media(min-width:901px){.hp-design_8 .d8-menu{display:none}}

.hp-design_8 .d8-login{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid #4f46e5;border-radius:999px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:14px;font-weight:800;white-space:nowrap;box-shadow:0 8px 18px #5b42cf33;transition:transform .2s,box-shadow .2s,filter .2s}.hp-design_8 .d8-login>.fa-solid{font-size:15px;line-height:1}.hp-design_8 .d8-login .d8-login-spark{margin-left:-2px;color:#fde68a;font-size:10px}.hp-design_8 .d8-login:hover{color:#fff;filter:brightness(1.07);box-shadow:0 12px 24px #5b42cf50;transform:translateY(-2px)}.hp-design_8 .d8-login:focus-visible{outline:3px solid #c4b5fd;outline-offset:3px}.hp-design_8[data-theme="dark"] .d8-login{border-color:#a78bfa;background:linear-gradient(135deg,#6d5ce8,#a855f7);color:#fff}@media(max-width:600px){.hp-design_8 .d8-login{padding:8px 11px;font-size:13px}.hp-design_8 .d8-login>.fa-solid{font-size:14px}.hp-design_8 .d8-login .d8-login-spark{display:none}.hp-design_8 .d8-menu nav a{display:flex;align-items:center;gap:8px}.hp-design_8 .d8-menu nav a .fa-solid{width:15px;color:#f6389e}}

/* Main navigation: describe the linked section and reuse the shared Font Awesome set. */
.hp-design_8 .d8-desktop-nav a{display:inline-flex;align-items:center;gap:7px}.hp-design_8 .d8-desktop-nav .fa-circle-info{color:#f6389e;font-size:13px}.hp-design_8 .d8-theme-toggle .fa-solid{font-size:18px;line-height:1}

/* "So funktioniert es": 3 arch cards (desktop) / connected journey (<1024px) */
.hp-design_8 .d8-how{display:grid;grid-template-columns:35% minmax(0,1fr);gap:48px;align-items:center}
.hp-design_8 .d8-how .d8-section-heading{max-width:none;container-type:inline-size}
.hp-design_8 .d8-how .d8-section-heading h2{white-space:nowrap;font-size:clamp(18px,7.2cqi,57px);letter-spacing:-.045em;font-weight:800}
.hp-design_8 .d8-flow{--c1:#f05289;--c2:#8b5cf6;--c3:#3b82f6;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hp-design_8 .d8-flow-1{--c:var(--c1);--soft:#ffe3ee}.hp-design_8 .d8-flow-2{--c:var(--c2);--soft:#eee6ff}.hp-design_8 .d8-flow-3{--c:var(--c3);--soft:#e0edff}
.hp-design_8 .d8-flow-step{position:relative;display:flex;flex-direction:column;padding:24px;padding-top:128px;border-radius:24px;background:#fff;border:1px solid #efe6ee;box-shadow:0 10px 28px rgba(35,29,80,.07);overflow:hidden;transition:transform .25s,box-shadow .25s;animation:d8FlowIn .6s ease both;animation-delay:calc(var(--i)*140ms)}
.hp-design_8 .d8-flow-step::before{content:"";position:absolute;left:0;right:0;top:0;height:112px;background:var(--soft);border-radius:0 0 120px 120px/0 0 100px 100px}
.hp-design_8 .d8-flow-step:not(:last-child)::after{content:"";position:absolute;z-index:2;top:46px;right:-19px;width:20px;height:3px;background:linear-gradient(90deg,var(--c),var(--c2));display:none}
.hp-design_8 .d8-flow-step:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(35,29,80,.13)}
.hp-design_8 .d8-flow-num{position:absolute;z-index:2;top:16px;left:18px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--c);color:#fff;font-weight:800;font-size:15px;box-shadow:0 4px 10px rgba(35,29,80,.18)}
.hp-design_8 .d8-flow-body{display:contents}
.hp-design_8 .d8-flow-icon{position:absolute;z-index:1;top:30px;left:50%;transform:translateX(-50%);color:var(--c);font-size:32px;line-height:1;transition:transform .25s}
.hp-design_8 .d8-flow-step:hover .d8-flow-icon{transform:translateX(-50%) scale(1.12) rotate(-4deg)}
.hp-design_8 .d8-flow-step h3{margin:0 0 10px;font-size:19px;letter-spacing:-.02em;color:#101a34}
.hp-design_8 .d8-flow-step p{margin:0;color:#62708a;font-size:15px;line-height:1.6}
@keyframes d8FlowIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes d8LineIn{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(min-width:1024px){.hp-design_8 .d8-flow{position:relative}.hp-design_8 .d8-flow::before{content:"";position:absolute;left:8%;right:8%;top:35px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3))}.hp-design_8 .d8-flow-step{z-index:1}}
@media(max-width:1023px){
.hp-design_8 .d8-flow::before{display:none}
.hp-design_8 .d8-how{grid-template-columns:minmax(0,1fr);gap:36px}
.hp-design_8 .d8-how .d8-section-heading h2{font-size:clamp(18px,min(7.2cqi,40px),40px)}
.hp-design_8 .d8-flow{display:block;position:relative;max-width:560px}
.hp-design_8 .d8-flow-step{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:18px;padding:0 0 52px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.hp-design_8 .d8-flow-step:last-child{padding-bottom:0}
.hp-design_8 .d8-flow-step::before{display:none}
.hp-design_8 .d8-flow-step:hover{transform:none;box-shadow:none}
.hp-design_8 .d8-flow-step:not(:last-child)::after{display:block;right:auto;left:22px;top:46px;bottom:0;width:3px;height:auto;margin-left:-1.5px;border-radius:3px;background:linear-gradient(var(--c),var(--next));transform-origin:top;animation:d8LineIn .6s ease both;animation-delay:calc(var(--i)*140ms + 200ms)}
.hp-design_8 .d8-flow-1{--next:var(--c2)}.hp-design_8 .d8-flow-2{--next:var(--c3)}
.hp-design_8 .d8-flow-num{position:relative;top:auto;left:auto;width:46px;height:46px;background:var(--soft);color:var(--c);font-size:17px;box-shadow:0 0 0 2px var(--c) inset;grid-row:1}
.hp-design_8 .d8-flow-body{display:block;grid-column:2;padding-top:2px}
.hp-design_8 .d8-flow-icon{position:static;transform:none;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--soft);font-size:18px;margin-right:12px;vertical-align:middle}
.hp-design_8 .d8-flow-step:hover .d8-flow-icon{transform:none}
.hp-design_8 .d8-flow-step h3{display:inline;vertical-align:middle;font-size:19px}
.hp-design_8 .d8-flow-step p{margin-top:20px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.hp-design_8 .d8-flow-step,.hp-design_8 .d8-flow-step::after{animation:none!important}.hp-design_8 .d8-flow-step,.hp-design_8 .d8-flow-icon{transition:none}}
.hp-design_8[data-theme="dark"] .d8-flow-step{background:#12204a;border-color:#2b3768}
.hp-design_8[data-theme="dark"] .d8-flow-step::before,.hp-design_8[data-theme="dark"] .d8-flow-icon{--soft:#232a5a}
@media(min-width:1024px){.hp-design_8[data-theme="dark"] .d8-flow-step::before{background:#232a5a}}
@media(max-width:1023px){.hp-design_8[data-theme="dark"] .d8-flow-step{background:none}}

/* 2026-10-29: sticky header, service cards + popup, FAQ tabs */
.hp-design_8 .d8-header{position:sticky;top:0;z-index:50;background:#fffafbee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.hp-design_8[data-theme="dark"] .d8-header{background:#07132dee}
.hp-design_8 .d8-shell{overflow:visible}.hp-design_8{overflow:clip}.hp-design_8 .d8-main{overflow-x:clip}
.hp-design_8 [id]{scroll-margin-top:96px}
.hp-design_8 .d8-service-grid article.d8-svc{min-height:0;position:relative}
.hp-design_8 .d8-svc-top{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.hp-design_8 .d8-svc-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#fff0f5;color:#ed4d87;font-size:20px}
.hp-design_8 .d8-svc-badge{padding:4px 10px;border-radius:999px;background:#eef1f8;color:#61708b;font-size:11px;font-weight:800}
.hp-design_8 .d8-svc.is-active .d8-svc-badge{background:#e3f7ea;color:#16794a}
.hp-design_8 .d8-svc-info{margin-left:auto;width:36px;height:36px;border:1px solid #f0d7e0;border-radius:50%;background:#fff;color:#ed4d87;font-size:16px;cursor:pointer}
.hp-design_8 .d8-svc-info:hover{background:#fff0f5}
.hp-design_8 .d8-svc.is-soon{opacity:.85}
.hp-design_8 .d8-price{margin-top:16px;padding:12px 14px;border-radius:14px;background:#f6f7fb;display:flex;flex-direction:column;gap:2px}
.hp-design_8 .d8-price.is-free{background:#e9f8ef}
.hp-design_8 .d8-price-val{font-size:18px;font-weight:800;color:#1d2c4d}.hp-design_8 .d8-price-val s{color:#8a94aa;font-weight:600;text-decoration-thickness:2px;margin-right:4px}.hp-design_8 .d8-price-val em{font-style:normal;color:#16794a}
.hp-design_8 .d8-price small{color:#61708b;font-size:12px}
.hp-design_8 .d8-svc-wait{margin-top:auto;padding-top:20px;color:#8a94aa;font-size:14px;font-weight:700}
.hp-design_8 .d8-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0a122d99}
.hp-design_8 .d8-modal-box{position:relative;width:min(480px,100%);max-height:88vh;overflow:auto;padding:30px;border-radius:24px;background:#fff;color:#263553;box-shadow:0 30px 70px #0a122d66}
.hp-design_8 .d8-modal-box h3{margin:14px 0 4px;font-size:24px}.hp-design_8 .d8-modal-box b{display:block;margin-bottom:14px;color:#61708b}
.hp-design_8 .d8-modal-tag{margin:-7px 0 17px;color:#52617d;font-size:14px;line-height:1.45}.hp-design_8 .d8-modal-details{display:grid;gap:14px}.hp-design_8 .d8-modal-details section{padding-bottom:13px;border-bottom:1px solid #e8ebf2}.hp-design_8 .d8-modal-details section:last-child{padding-bottom:0;border-bottom:0}.hp-design_8 .d8-modal-details strong{display:block;margin-bottom:3px;color:#263553;font-size:14px}.hp-design_8 .d8-modal-details p{margin:0;color:#52617d;font-size:14px;line-height:1.5}
.hp-design_8 .d8-modal-box ul{margin:0;padding-left:20px;display:grid;gap:8px;font-size:15px;line-height:1.5}
.hp-design_8 .d8-modal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f3f4f9;font-size:22px;cursor:pointer;color:#263553}
.hp-design_8[data-theme="dark"] .d8-modal-box{background:#17203e;color:#fff}.hp-design_8[data-theme="dark"] .d8-modal-box b{color:#c6c6dc}.hp-design_8[data-theme="dark"] .d8-modal-close{background:#242044;color:#fff}
.hp-design_8[data-theme="dark"] .d8-modal-tag,.hp-design_8[data-theme="dark"] .d8-modal-details p{color:#c6c6dc}.hp-design_8[data-theme="dark"] .d8-modal-details strong{color:#fff}.hp-design_8[data-theme="dark"] .d8-modal-details section{border-color:#33446f}
.hp-design_8[data-theme="dark"] .d8-price{background:#202a4d}.hp-design_8[data-theme="dark"] .d8-price.is-free{background:#173a2e}.hp-design_8[data-theme="dark"] .d8-price-val{color:#fff}.hp-design_8[data-theme="dark"] .d8-price-val em{color:#6ee7a8}.hp-design_8[data-theme="dark"] .d8-price small{color:#c6c6dc}
.hp-design_8[data-theme="dark"] .d8-svc-info{background:#202a4d;border-color:#514178}
.hp-design_8 .d8-faq-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.hp-design_8 .d8-faq-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #f0d7e0;border-radius:999px;background:#fff;color:#263553;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.hp-design_8 .d8-faq-tab.is-on{background:#ef4e86;border-color:#ef4e86;color:#fff}
.hp-design_8[data-theme="dark"] .d8-faq-tab{background:#17203e;border-color:#514178;color:#fff}.hp-design_8[data-theme="dark"] .d8-faq-tab.is-on{background:#ef4e86;border-color:#ef4e86}
.hp-design_8 .d8-faq-panel[hidden]{display:none}
@media(max-width:767px){.hp-design_8 .d8-header{position:sticky}.hp-design_8 [id]{scroll-margin-top:72px}.hp-design_8 .d8-faq-tab{padding:8px 12px;font-size:13px}}
.d8-svc-brand{font-size:.6em;font-weight:600;opacity:.6;margin-left:.3em}
.hp-design_8[data-theme="dark"] .d8-logo img{border-radius:0;content:url("../brand/logo-horizontal-dark.png")}

/* Services: three equal cards (Notify yellow / Apply purple / Apply Plus teal) */
.hp-design_8 .d8-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.hp-design_8 .d8-service-grid article.d8-svc{--c:#FFBF24;--g:linear-gradient(135deg,#FFD65A,#FFB800);--on:#10213f;display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:22px;background:#fff;border:1px solid #e6e9f2;box-shadow:0 6px 18px rgba(16,33,63,.07);transition:transform .22s ease,box-shadow .22s ease;min-width:0}
.hp-design_8 .d8-svc-apply{--c:#7465F5;--g:linear-gradient(135deg,#9185FF,#6554E8);--on:#fff}
.hp-design_8 .d8-svc-managed-apply{--c:#0FAF9D;--g:linear-gradient(135deg,#40D5C0,#079B91);--on:#082a33}
.hp-design_8 .d8-service-grid article.d8-svc:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(16,33,63,.13)}
.hp-design_8 .d8-svc-head{padding:26px;background:var(--g);color:var(--on);position:relative}
.hp-design_8 .d8-svc-head::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.16);pointer-events:none}
.hp-design_8 .d8-svc-head h3{margin:0 0 8px;font-size:24px;color:var(--on)}
.hp-design_8 .d8-svc-head p{margin:0;font-size:15px;line-height:1.45;color:var(--on);opacity:.92}
.hp-design_8 .d8-svc-head .d8-svc-clarification{margin-top:13px;padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.2);font-size:12px;line-height:1.42;opacity:1}
.hp-design_8 .d8-svc-head .d8-svc-brand{display:block;margin:2px 0 0;font-size:13px;opacity:.75}
.hp-design_8 .d8-svc-head .d8-svc-icon{width:56px;height:56px;border-radius:16px;background:rgba(255,255,255,.28);color:var(--on);font-size:26px;transition:transform .22s ease}
.hp-design_8 .d8-svc:hover .d8-svc-icon{transform:rotate(-8deg) scale(1.08)}
.hp-design_8 .d8-svc-head .d8-svc-badge{background:rgba(255,255,255,.3);color:var(--on)}
.hp-design_8 .d8-svc-head .d8-svc-info{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);color:var(--on)}
.hp-design_8 .d8-svc-first{display:inline-flex;align-items:center;gap:6px;margin-top:14px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#10213f;font-size:13px;font-weight:700}
.hp-design_8 .d8-svc-first i{color:var(--c)}
.hp-design_8 .d8-svc-body{flex:1;padding:24px 26px 8px}
.hp-design_8 .d8-svc-body .d8-price{margin:0 0 18px;background:#f6f7fb}
.hp-design_8 .d8-svc-list{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.hp-design_8 .d8-svc-list li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4;color:#33415f}
.hp-design_8 .d8-svc-list li i{flex:none;display:grid;place-items:center;width:20px;height:20px;margin-top:1px;border-radius:50%;background:var(--c);color:var(--on);font-size:10px}
.hp-design_8 .d8-svc-foot{padding:18px 26px 26px}
.hp-design_8 .d8-availability{grid-column:1/-1;display:flex;align-items:flex-start;gap:13px;margin-top:2px;padding:17px 18px;border:1px solid #e3e8f2;border-radius:16px;background:#f6f8fc;color:#33415f}.hp-design_8 .d8-availability>i{margin-top:2px;color:#6278a8;font-size:19px}.hp-design_8 .d8-availability strong{display:block;margin-bottom:3px;color:#1d2c4d;font-size:14px}.hp-design_8 .d8-availability p{margin:0;color:#52617d;font-size:14px;line-height:1.5}.hp-design_8 .d8-availability-info{flex:none;width:34px;height:34px;margin-left:auto;border:0;border-radius:50%;background:#e8edf7;color:#516a9c;cursor:pointer;font-size:15px}.hp-design_8 .d8-availability-info:hover{background:#dfe7f4}
.hp-design_8 .d8-service-grid .d8-svc-btn{display:block;width:100%;box-sizing:border-box;padding:14px 18px;border-radius:14px;background:var(--g);color:var(--on);font-weight:800;font-size:15px;text-align:center;text-decoration:none;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.hp-design_8 .d8-service-grid a.d8-svc-btn:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 8px 18px rgba(16,33,63,.18)}
.hp-design_8 .d8-service-grid .d8-svc-btn.is-off{background:#eef1f8;color:#8a94aa}
.hp-design_8 .d8-service-grid article.d8-svc.is-soon{opacity:1}
.hp-design_8[data-theme="dark"] .d8-service-grid article.d8-svc{background:#151f3d;border-color:#2c3866}
.hp-design_8[data-theme="dark"] .d8-svc-list li{color:#d5daee}
.hp-design_8[data-theme="dark"] .d8-availability{border-color:#2c3866;background:#182340;color:#d5daee}.hp-design_8[data-theme="dark"] .d8-availability strong{color:#fff}.hp-design_8[data-theme="dark"] .d8-availability p{color:#c6cce0}.hp-design_8[data-theme="dark"] .d8-availability-info{background:#28375d;color:#d5daee}
@media(max-width:1023px){.hp-design_8 .d8-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.hp-design_8 .d8-service-grid{grid-template-columns:1fr;gap:18px}.hp-design_8 .d8-svc-head{padding:22px}.hp-design_8 .d8-svc-body{padding:20px 22px 4px}.hp-design_8 .d8-svc-foot{padding:16px 22px 22px}}
@media(max-width:520px){.hp-design_8 .d8-availability{padding:15px}.hp-design_8 .d8-availability p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hp-design_8 .d8-service-grid *{transition:none!important}.hp-design_8 .d8-service-grid article.d8-svc:hover,.hp-design_8 .d8-svc:hover .d8-svc-icon{transform:none}}

/* Mobile full-page menu overlay (<=900px): burger + login + language in header, theme inside menu */
.hp-design_8 .d8-menu-btn,.hp-design_8 .d8-overlay{display:none}
@media(max-width:900px){
.hp-design_8 .d8-header-actions>.d8-theme-toggle{display:none}
.hp-design_8 .d8-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;padding:0;border:1px solid #f4d7e3;border-radius:12px;background:#fff8fb;cursor:pointer}
.hp-design_8 .d8-menu-btn span{width:18px;height:2px;border-radius:2px;background:#26365a;transition:transform .25s}
.hp-design_8 .d8-menu-btn:active span:nth-child(2){transform:scaleX(.6)}
.hp-design_8 .d8-overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;padding:0 24px 28px;background:linear-gradient(160deg,#fff5f9,#f1ecff 60%,#e9f1ff);clip-path:circle(0 at calc(100% - 40px) 38px);visibility:hidden;transition:clip-path .55s cubic-bezier(.77,0,.18,1),visibility 0s .55s;overflow-y:auto}
.hp-design_8 .d8-overlay[hidden]{display:none}
.hp-design_8 .d8-overlay.is-open{clip-path:circle(150% at calc(100% - 40px) 38px);visibility:visible;transition:clip-path .65s cubic-bezier(.77,0,.18,1),visibility 0s}
.hp-design_8 .d8-ov-top{height:77px;display:flex;align-items:center;justify-content:space-between;flex:none}
.hp-design_8 .d8-ov-top .d8-logo img{width:150px}
.hp-design_8 .d8-ov-close{position:relative;width:40px;height:40px;border:1px solid #f4d7e3;border-radius:12px;background:#fff;cursor:pointer}
.hp-design_8 .d8-ov-close span{position:absolute;left:11px;top:19px;width:18px;height:2px;border-radius:2px;background:#26365a;transform:rotate(45deg)}
.hp-design_8 .d8-ov-close span+span{transform:rotate(-45deg)}
.hp-design_8 .d8-ov-nav{display:grid;gap:4px;margin-top:22px;flex:1;align-content:start}
.hp-design_8 .d8-ov-nav a{display:flex;align-items:center;gap:12px;padding:16px 6px;border-bottom:1px solid #26365a14;font-size:24px;font-weight:800;color:#172249;opacity:0;transform:translateY(24px);transition:opacity .4s,transform .4s,color .2s}
.hp-design_8 .d8-ov-nav a:hover{color:#f6389e}
.hp-design_8 .d8-ov-nav a .fa-solid{color:#f6389e;font-size:18px}
.hp-design_8 .d8-ov-foot{display:grid;gap:14px;margin-top:24px;opacity:0;transform:translateY(24px);transition:opacity .4s,transform .4s}
.hp-design_8 .d8-ov-foot .d8-cta{justify-content:center;text-align:center}
.hp-design_8 .d8-menu-theme{display:flex;width:auto;height:48px;gap:10px;align-items:center;justify-content:center;border-radius:14px;font:700 15px inherit;font-family:inherit}
.hp-design_8 .d8-menu-theme .fa-solid{font-size:18px}
.hp-design_8 .d8-overlay.is-open .d8-ov-nav a,.hp-design_8 .d8-overlay.is-open .d8-ov-foot{opacity:1;transform:none}
.hp-design_8 .d8-overlay.is-open .d8-ov-nav a:nth-child(1){transition-delay:.25s}.hp-design_8 .d8-overlay.is-open .d8-ov-nav a:nth-child(2){transition-delay:.32s}.hp-design_8 .d8-overlay.is-open .d8-ov-nav a:nth-child(3){transition-delay:.39s}.hp-design_8 .d8-overlay.is-open .d8-ov-nav a:nth-child(4){transition-delay:.46s}.hp-design_8 .d8-overlay.is-open .d8-ov-nav a:nth-child(5){transition-delay:.53s}.hp-design_8 .d8-overlay.is-open .d8-ov-foot{transition-delay:.6s}
.hp-design_8[data-theme="dark"] .d8-overlay{background:linear-gradient(160deg,#07132d,#1a1240 70%,#141a3a)}
.hp-design_8[data-theme="dark"] .d8-ov-nav a{color:#fff;border-color:#ffffff1f}
.hp-design_8[data-theme="dark"] .d8-menu-btn,.hp-design_8[data-theme="dark"] .d8-ov-close{background:#242044;border-color:#58477c}
.hp-design_8[data-theme="dark"] .d8-menu-btn span,.hp-design_8[data-theme="dark"] .d8-ov-close span{background:#fff}
}
@media(min-width:901px){.hp-design_8 .d8-overlay{display:none!important}}
@media(prefers-reduced-motion:reduce){.hp-design_8 .d8-overlay,.hp-design_8 .d8-ov-nav a,.hp-design_8 .d8-ov-foot{transition-duration:.01s!important;transition-delay:0s!important}}
html.d8-menu-lock{overflow:hidden}

/* Clear public actions: larger dark icons without visible borders. */
.hp-design_8 .d8-login{width:48px;height:48px;padding:0;justify-content:center;border:0;border-radius:16px;background:linear-gradient(145deg,#eef2ff,#e0e7ff);color:#18264d;box-shadow:0 8px 18px #17224918}.hp-design_8 .d8-login span,.hp-design_8 .d8-login-spark{display:none}.hp-design_8 .d8-login>.fa-solid{font-size:23px;color:#18264d}.hp-design_8 .d8-login:hover{color:#18264d;filter:none;background:linear-gradient(145deg,#dfe6ff,#c7d2fe);box-shadow:0 11px 23px #1722492b;transform:translateY(-2px)}.hp-design_8[data-theme="dark"] .d8-login{background:linear-gradient(145deg,#293968,#202d55);border:0}.hp-design_8[data-theme="dark"] .d8-login>.fa-solid{color:#eef2ff}
.hp-design_8 .d8-menu-btn{display:grid;place-items:center;width:48px;height:48px;padding:0;border:0!important;border-radius:16px;background:transparent!important;color:#18264d}.hp-design_8 .d8-menu-btn:hover{background:#eef2ff!important}.hp-design_8 .d8-menu-btn span{display:none}.hp-design_8 .d8-menu-btn .fa-bars{font-size:25px}.hp-design_8[data-theme="dark"] .d8-menu-btn{color:#eef2ff}.hp-design_8[data-theme="dark"] .d8-menu-btn:hover{background:#26355f!important}@media(max-width:600px){.hp-design_8 .d8-login,.hp-design_8 .d8-menu-btn{width:44px;height:44px}.hp-design_8 .d8-login>.fa-solid{font-size:22px}.hp-design_8 .d8-menu-btn .fa-bars{font-size:23px}}