/* WAYEEL reference composition. Coordinates follow the supplied 1672 × 941 design. */
body.wayeel-home-v1{margin:0;background:white;color:var(--wayeel-navy)}
.wayeel-home-v1 .hero{padding:0;min-height:0;color:var(--wayeel-navy);background:linear-gradient(90deg,var(--wayeel-purple-light) 0,var(--wayeel-purple-light) 33.08%,var(--wayeel-white) 33.08%,var(--wayeel-white) 100%);isolation:isolate}
.wayeel-home-v1 .hero:before,.wayeel-home-v1 .hero:after{display:none}
.wayeel-home-v1 .navbar{position:relative;z-index:10;max-width:none;height:7.78vw;margin:0;padding:0 4.96vw;border:0;border-radius:0;background:transparent;backdrop-filter:none;gap:0;display:flex;justify-content:space-between;align-items:center}
.wayeel-home-v1 .navbar .logo-box.navy{width:14.35vw;height:4.1vw}
.wayeel-home-v1 .navbar .logo-box.navy img{width:16.7vw;left:-1.18vw;top:-2.05vw;height:auto;max-width:none}
.wayeel-home-v1 .navlinks{gap:2.8vw;font-size:1.13vw;color:var(--wayeel-navy);margin-left:5vw}
.wayeel-home-v1 .navlinks a{padding:.55vw 0;white-space:nowrap}
.wayeel-home-v1 .navlinks a[aria-current]{font-weight:650;border-bottom:2px solid var(--wayeel-purple)}
.wayeel-home-v1 .navlinks a:hover{color:var(--wayeel-purple)}
.wayeel-home-v1 .nav-actions{margin:0 0 0 4vw}
.wayeel-home-v1 .navbar .btn{font-size:1.28vw;min-height:3.4vw;padding:.8vw 2.25vw;border-radius:.75vw;gap:1.1vw;background:var(--wayeel-purple);color:var(--wayeel-navy);white-space:nowrap}
.wayeel-home-v1 .menu-toggle{color:var(--wayeel-navy);border-color:var(--wayeel-border)}
.wh-mobile-login{display:none}
.wh-hero{position:relative;height:48.5vw;width:100%;overflow:hidden}
.wh-copy{position:static}
.wayeel-home-v1 .wh-copy h1{position:absolute;z-index:3;top:6.1vw;left:4.73vw;margin:0;font-size:5.38vw;line-height:1.105;letter-spacing:-.055em;font-weight:750;color:var(--wayeel-navy);white-space:nowrap}
.wh-accent{position:absolute;top:20.2vw;left:4.96vw;width:8.3vw;height:.77vw;background:var(--wayeel-purple)}
.wayeel-home-v1 .description{position:absolute;top:22.85vw;left:4.96vw;z-index:3;font-size:1.6vw;line-height:1.43;letter-spacing:-.015em;color:var(--wayeel-purple);margin:0;padding:0;max-width:42vw}
.wh-learn{position:absolute;top:31.65vw;left:4.96vw;width:15.13vw;min-height:3.65vw!important;border-radius:5vw!important;font-size:1.32vw!important;padding:.7vw 1.4vw!important;gap:1.55vw!important;background:var(--wayeel-navy)!important;font-weight:650}
.wh-dots{position:absolute;top:38.42vw;left:6.22vw;display:flex;gap:.86vw}
.wh-dots i{width:.8vw;height:.8vw;background:var(--wayeel-border);border-radius:50%}.wh-dots i:first-child{background:var(--wayeel-navy)}
.wh-photo{position:absolute;overflow:hidden;margin:0;border-radius:50% / 36%;z-index:2}
.wh-photo svg{width:100%;height:100%;display:block}
.wh-owner{top:1.08vw;left:73.68vw;width:21.77vw;height:28.95vw}
.wh-customer{top:16.98vw;left:52.93vw;width:19.86vw;height:28.95vw}
.wh-petal{position:absolute;top:2.75vw;left:67.1vw;width:12vw;height:12vw;z-index:1}
.wh-petal svg{width:100%;height:100%}
.wh-stair{position:absolute;left:40.07vw;top:5.2vw;width:14.35vw;height:18.54vw;opacity:.65;z-index:0}
.wh-stair svg{width:100%;height:100%}
.wh-checks{position:absolute;top:23.74vw;left:85.52vw;width:14.48vw;height:14.84vw;background:conic-gradient(var(--wayeel-purple) 25%,transparent 0 50%,var(--wayeel-purple) 0 75%,transparent 0) 0 0/4.9vw 4.9vw;clip-path:polygon(72% 0,88% 0,88% 14%,100% 14%,100% 100%,0 100%,0 42%,16% 42%,16% 28%,57% 28%,57% 14%,72% 14%);opacity:.85;z-index:3}
.wh-bottom-bowl{position:absolute;left:27.09vw;top:37.2vw;width:18.54vw;height:8.73vw;border-radius:0 0 12vw 12vw;background:linear-gradient(90deg,var(--wayeel-navy) 0 32%,var(--wayeel-purple) 32% 100%)}
.wh-star{position:absolute;left:74.94vw;top:38.51vw;width:6.45vw;height:6.45vw}
.wh-rays{position:absolute;left:93.4vw;top:1.8vw;width:3.9vw;height:3.5vw}
.wh-dot-grid{position:absolute;left:92.7vw;top:41.1vw;width:5.6vw;height:5.6vw;background:radial-gradient(circle,var(--wayeel-border) 0 24%,transparent 27%) 0 0/1.67vw 1.67vw}
.wh-create{padding:40px 24px;background:var(--wayeel-gray);border-block:1px solid var(--wayeel-purple-light);scroll-margin-top:20px}
.wh-create-heading{text-align:center;max-width:700px;margin:auto}.wh-create-heading h2{font-size:clamp(25px,3vw,35px);letter-spacing:-.035em;font-weight:600;margin:12px 0}.wh-create-heading p{color:var(--wayeel-muted);line-height:1.6;font-size:15px;margin:0}
.wayeel-home-v1 .composer{max-width:680px;margin-top:24px;border:1px solid var(--wayeel-border);box-shadow:0 12px 30px rgb(var(--wayeel-navy-rgb, 15 23 42) / 0.0314);border-radius:16px;padding:18px}.wayeel-home-v1 .composer textarea{font-size:16px;min-height:75px}.wayeel-home-v1 .chips{margin-top:20px;gap:12px}.wayeel-home-v1 .chip{background:white;color:var(--wayeel-navy);border-color:var(--wayeel-border);backdrop-filter:none;font-size:12px;padding:11px 15px}.wayeel-home-v1 .chip:hover,.wayeel-home-v1 .chip[aria-pressed=true]{background:var(--wayeel-purple-light);color:var(--wayeel-navy);border-color:var(--wayeel-purple)}
.wayeel-home-v1 .features-strip{max-width:1420px;margin:0 auto;padding:28px 24px;border:0;border-radius:0;background:var(--wayeel-white);backdrop-filter:none;color:var(--wayeel-navy)}.wayeel-home-v1 .strip-item{padding:0 18px;border-color:var(--wayeel-purple-light);gap:12px}.wayeel-home-v1 .strip-item p{color:var(--wayeel-muted)}.wayeel-home-v1 .strip-item:hover h2{color:var(--wayeel-purple)}.wayeel-home-v1 .strip-icon{border-color:var(--wayeel-border);background:var(--wayeel-purple-light);color:var(--wayeel-purple);width:43px;height:49px}
@media(min-width:901px){.wayeel-home-v1 .navlinks{display:flex!important;flex-direction:row;flex-basis:auto;padding:0}.wayeel-home-v1 .menu-toggle{display:none}}
@media(max-width:900px){.wayeel-home-v1 .navbar{height:auto;min-height:76px;padding:16px 24px;gap:14px;flex-wrap:wrap}.wayeel-home-v1 .navbar .logo-box.navy{width:154px;height:40px}.wayeel-home-v1 .navbar .logo-box.navy img{width:179px;left:-13px;top:-22px}.wayeel-home-v1 .nav-actions{margin-left:auto}.wayeel-home-v1 .navbar .btn{font-size:13px;min-height:42px;padding:10px 17px;border-radius:10px;gap:10px}.wayeel-home-v1 .navlinks{margin:0;display:none;order:4;flex-basis:100%;background:var(--wayeel-white);border:1px solid var(--wayeel-purple-light);border-radius:12px;font-size:15px;gap:0}.wayeel-home-v1 .navbar.is-open .navlinks{display:flex}.wayeel-home-v1 .navlinks a{padding:12px 16px;border:0}.wh-mobile-login{display:block}.wh-hero{height:52vw}.wayeel-home-v1 .wh-copy h1{font-size:5.4vw}.wayeel-home-v1 .features-strip{grid-template-columns:repeat(3,1fr);gap:24px 0}.wayeel-home-v1 .strip-item:nth-child(n){border-top:0;padding-top:0}}
@media(max-width:600px){.wayeel-home-v1 .hero{background:linear-gradient(115deg,var(--wayeel-purple-light),var(--wayeel-white))}.wayeel-home-v1 .navbar{min-height:68px;padding:14px 18px;gap:9px}.wayeel-home-v1 .navbar .logo-box.navy{width:115px;height:33px}.wayeel-home-v1 .navbar .logo-box.navy img{width:136px;left:-9px;top:-18px}.wayeel-home-v1 .navbar .btn{min-height:39px;font-size:12px;padding:9px 12px}.wh-hero{height:940px;height:calc(370px + 102vw);max-height:1010px;min-height:0}.wayeel-home-v1 .wh-copy h1{top:25px;left:5.1%;font-size:7.5vw;line-height:1.12;letter-spacing:-.05em}.wh-accent{left:5.6%;top:calc(25px + 19vw);width:22vw;height:5px}.wayeel-home-v1 .description{top:calc(55px + 19vw);left:5.6%;font-size:16px;line-height:1.55;max-width:88.8%;width:88.8%}.wh-desktop-break{display:none}.wh-learn{top:calc(175px + 19vw);left:5.6%;width:165px;min-height:45px!important;font-size:15px!important;border-radius:40px!important;padding:10px 20px!important;gap:18px!important}.wh-dots{left:6%;top:calc(240px + 19vw);gap:10px}.wh-dots i{width:8px;height:8px}.wh-stair{left:75%;top:12px;width:20vw;height:26vw;opacity:.3}.wh-owner{left:51%;top:calc(275px + 19vw);width:43.5vw;height:57.8vw}.wh-customer{left:6%;top:calc(305px + 32vw);width:39.7vw;height:57.9vw}.wh-petal{left:41%;top:calc(280px + 19vw);width:24vw;height:24vw}.wh-checks{left:73%;top:calc(304px + 58vw);width:27vw;height:28vw;background-size:9vw 9vw}.wh-bottom-bowl{display:none}.wh-star{left:49%;top:calc(322px + 73vw);width:12vw;height:12vw}.wh-rays{left:90%;top:calc(260px + 19vw);width:8vw;height:7vw}.wh-dot-grid{display:none}.wh-create{padding:32px 18px}.wayeel-home-v1 .composer{padding:15px}.wayeel-home-v1 .composer-note{max-width:145px}.wayeel-home-v1 .chips{gap:9px}.wayeel-home-v1 .chip{font-size:11px;padding:10px 12px}.wayeel-home-v1 .features-strip{grid-template-columns:1fr 1fr;padding:27px 10px;gap:24px 0}.wayeel-home-v1 .strip-item:nth-child(n){border-right:1px solid var(--wayeel-purple-light);padding:0 12px}.wayeel-home-v1 .strip-item:nth-child(2n),.wayeel-home-v1 .strip-item:last-child{border-right:0}.wayeel-home-v1 .public-page{padding:38px 22px}}
/* Final alignment with the reference. */
.wayeel-home-v1 .nav-actions>a:first-child{display:inline-flex}
.wayeel-home-v1 .wh-copy h1{font-size:5.05vw;line-height:1.18}
.wh-learn{white-space:nowrap;flex-shrink:0}
@media(min-width:901px){.wayeel-home-v1 .navlinks{position:absolute;left:36.9vw;margin-left:0;gap:2.8vw}.wayeel-home-v1 .nav-actions{margin-left:auto}.wayeel-home-v1 .navbar .btn{width:13.16vw;padding:.8vw 1.3vw}.wayeel-home-v1 .navbar>.brand{transform:translateY(.6vw)}}
@media(max-width:600px){.wayeel-home-v1 .wh-copy h1{font-size:7.5vw;line-height:1.12}.wh-learn{width:178px;gap:14px!important;padding:10px 20px!important}}
@media(max-width:600px){.wh-hero{height:calc(295px + 102vw)}}