/* Manhattan Psychics — intent lander */
:root{--g:#1c573d;--o:#f18536;--od:#bb5204;--gl:#48ae7e;--cream:#faf3ed;--cream2:#faf2ed;--bd:#5f5f5f;--sh:0 3px 6px rgba(0,0,0,.16)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{margin:0;background:var(--cream);font-family:Inter,sans-serif,system-ui;font-size:16px;color:#000;line-height:1.45}
a{color:var(--g);text-decoration:none}
h1,h2,h3{font-family:Vollkorn,serif,system-ui;color:var(--g);margin:0;text-wrap:balance}
h2{font-size:32px;font-weight:700;line-height:39px}
p{margin:0;text-wrap:pretty}
.page{max-width:1280px;margin:0 auto}
.card{background:#fff;border-radius:20px;box-shadow:var(--sh);margin:0 20px}
.pill{display:inline-flex;align-items:center;justify-content:center;background:var(--o);color:#fff;border-radius:40px;font-weight:600;font-size:16px;text-decoration:none;border:0;cursor:pointer;font-family:inherit}
.pill:hover{background:#e0762a;color:#fff}
.ticket{display:inline-flex;align-items:center;justify-content:center;background:var(--o);color:#fff;font-weight:700;text-transform:uppercase;text-decoration:none;-webkit-mask:radial-gradient(circle at 0 50%,transparent 4px,#000 4.5px) 0 0/50% 14px repeat-y,radial-gradient(circle at 100% 50%,transparent 4px,#000 4.5px) 100% 0/50% 14px repeat-y;mask:radial-gradient(circle at 0 50%,transparent 4px,#000 4.5px) 0 0/50% 14px repeat-y,radial-gradient(circle at 100% 50%,transparent 4px,#000 4.5px) 100% 0/50% 14px repeat-y}
.ticket:hover{background:#e0762a;color:#fff}
button:not(:disabled),[role="button"]:not(:disabled){cursor:pointer}

#util{background:var(--cream2);height:49px}
#util .in{max-width:1280px;margin:0 auto;padding:0 20px;height:49px;display:flex;align-items:center;justify-content:space-between;gap:16px}
#util .offer{font-size:15px;color:var(--g);font-weight:500}
#util .gs{background:var(--o);color:#fff;border-radius:20px;height:40px;padding:0 16px;display:inline-flex;align-items:center;font-size:15px;font-weight:600;text-transform:uppercase;white-space:nowrap}

#hdr{max-width:1280px;margin:0 auto;padding:18px 30px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}
#hdr nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 6px}
#hdr nav a{display:inline-flex;align-items:center;height:44px;padding:0 12px;font-size:15px;color:var(--g)}
#hdr nav a:hover{text-decoration:underline}
#hdr .logo{width:234px;text-align:center;text-decoration:none;flex:none}
#hdr .logo .sun,.flogo .sun{display:block;height:16px;margin:0 auto}
#hdr .logo b,.flogo b{display:block;font-family:Vollkorn,serif;font-weight:700;font-size:21px;line-height:22px;color:var(--g);letter-spacing:.5px;text-transform:uppercase}
#hdr .logo span,.flogo span{display:block;font-size:9px;letter-spacing:2.2px;color:var(--g);text-transform:uppercase;margin-top:3px;font-weight:500}

#hero{height:500px;position:relative;overflow:hidden;background:#c47a32;width:100%}
#hero .photo{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
#hero .photo img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
#hero .in{position:absolute;left:max(40px,calc((100% - 1240px) / 2));top:70px;width:640px;z-index:2}
#hero h1{font-size:53px;font-weight:800;line-height:1.28;color:var(--g)}#hero .ai-note{margin-top:10px;font-size:18px;font-weight:600;color:var(--g);letter-spacing:.2px}
#hero .ticket{margin-top:10px;width:280px;height:50px;font-size:16px}

#stats{margin-top:-60px;position:relative;z-index:2;padding:40px;text-align:center}
#stats .row{display:flex;justify-content:center;margin-top:30px}
#stats .row>div{padding:0 50px;border-left:1px solid var(--g)}
#stats .row>div:first-child{border:0}
#stats .l{font-size:16px;color:var(--g)}
#stats .n{font-family:Vollkorn,serif;font-size:46px;font-weight:600;color:var(--g);line-height:1.1}

#about{margin-top:20px;padding:30px 0 36px;text-align:center}
#about p{font-size:18px;line-height:23.4px;color:var(--g);padding:0 20px;margin-top:14px}
#about p b{font-weight:700}

#psy{margin-top:20px;padding:35px 15px 40px;text-align:center}
#psy .promises{display:flex;justify-content:center;margin-top:24px}
#psy .promises div{font-size:17px;color:var(--g);padding:0 24px;border-left:1px solid var(--g);max-width:400px;line-height:20px}
#psy .promises div:first-child{border:0}
#psy .slider{display:flex;gap:20px;overflow-x:auto;margin-top:20px;padding:0 0 14px;scrollbar-width:none}
#psy .slider::-webkit-scrollbar{display:none}
.pc{flex:0 0 315px;width:315px;border:1px solid var(--bd);border-radius:10px;padding:20px 20px 25px;text-align:center;background:#fff}
.pc .img{width:263px;height:150px;border-radius:10px;background:#e4e6eb;overflow:hidden;margin:0 auto}.pc .img img{width:100%;height:100%;object-fit:cover;display:block}
.pc .name{font-size:18px;font-weight:600;color:var(--g);margin-top:14px}
.pc .name i{display:inline-block;width:14px;height:14px;border:1.5px solid var(--o);border-radius:50%;font-style:normal;font-size:9px;line-height:11px;color:var(--o);margin-left:4px;vertical-align:1px}.pc .role{font-size:13px;color:var(--g);margin-top:4px;font-weight:500}
.pc .rate{margin-top:8px;font-size:16px}
.pc .rate s{color:var(--g)}
.pc .rate b{color:var(--od);font-weight:700}
.pc .rate .av{color:var(--gl);margin-left:6px}
.pc .rate .av::before{content:"● ";font-size:11px}
.pc .new{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g);border:1px solid var(--g);border-radius:999px;padding:4px 10px}
.pc .btn{display:flex;align-items:center;justify-content:center;width:190px;height:46px;border-radius:30px;margin:16px auto 0;font-size:15px;font-weight:600;color:#fff;background:var(--o);border:0;cursor:pointer;font-family:inherit}
.pc .btn:hover{background:#e0762a;color:#fff}

#match{background:var(--g);color:#fff;text-align:center;padding:30px 20px;margin:20px 20px 0}
#match h2{color:#fff}
#match p{font-size:16px;margin-top:18px}
#match .pill{margin-top:24px;height:47px;padding:0 25px}

#easy{margin:20px 20px;padding:25px 30px 36px;text-align:center}
.dome{width:351px;height:251px;margin:-25px auto 0;border-radius:176px 176px 0 0;background:#dcd8d2;overflow:hidden}.dome img{width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block}
#easy h2{margin-top:30px}
#easy .steps{max-width:700px;margin:24px auto 0}
#easy .step{margin-top:26px}
#easy .step h3{font-family:Inter,sans-serif;font-size:21px;font-weight:600;color:var(--g)}
#easy .step p{font-size:18px;line-height:27px;color:var(--g);margin-top:8px}

#guar{padding:30px 20px 36px;text-align:center}
#guar .sub{font-size:18px;color:var(--g);margin-top:12px}
#guar .cols{display:flex;justify-content:center;margin-top:30px}
#guar .cols div{width:340px;padding:0 30px;border-left:1px solid var(--g);font-size:16px;line-height:22px;color:var(--g)}
#guar .cols div:first-child{border:0}

#faq{margin:20px 20px 0;padding:40px 20px}
#faq h2{text-align:center}
#faq .exp{display:inline-block;font-size:18px;color:var(--g);text-decoration:underline;margin-top:22px;cursor:pointer}
#faq details{border-bottom:1px solid #d9b48f}
#faq details:first-of-type{border-top:1px solid #d9b48f;margin-top:8px}
#faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:17px 0;font-size:21px;font-weight:700;color:var(--g);gap:16px}
#faq summary::-webkit-details-marker{display:none}
#faq summary::after{content:"";width:18px;height:18px;flex:none;background:linear-gradient(var(--o),var(--o)) center/100% 1.5px no-repeat,linear-gradient(var(--o),var(--o)) center/1.5px 100% no-repeat}
#faq details[open] summary::after{background:linear-gradient(var(--o),var(--o)) center/100% 1.5px no-repeat}
#faq .a{font-size:16px;line-height:24px;color:var(--g);padding:0 0 18px;max-width:1000px}

#cb{margin:20px 20px 30px;padding:25px 30px 40px;text-align:center}
#cb h2{margin-top:28px}
#cb p{font-size:16px;color:var(--g);margin-top:12px}
#cb form{max-width:420px;margin:22px auto 0;text-align:left}
#cb label{display:block;font-size:14px;font-weight:600;color:var(--g);margin:10px 0 5px}
#cb input[type=text],#cb input[type=tel]{width:100%;height:44px;border:1px solid var(--g);border-radius:5px;padding:0 12px;font-size:16px;font-family:inherit;background:#fff;color:#000}
#cb .pill{display:flex;width:220px;height:53px;margin:22px auto 0;font-size:16px;font-weight:700;text-transform:uppercase}
#cb .fine{font-size:13px;color:var(--g);margin-top:12px;text-align:center}
#cb .err{color:#9b1c1c;font-size:14px;margin-top:10px;text-align:center}
#cb .picked{font-size:14px;color:var(--g);margin-top:8px}

#ty,#legal{margin:30px 20px;padding:45px 24px;text-align:center}
#ty h1,#legal h1{font-size:40px;font-weight:800;line-height:1.2}
#ty p,#legal p{font-size:18px;color:var(--g);margin:14px auto 0;max-width:600px;line-height:26px}
#legal{text-align:left}
#legal h1{text-align:center}
#legal p{text-align:left}

footer{background:var(--g);color:#fff;padding:40px 30px 30px}
footer .in{max-width:1220px;margin:0 auto}
footer a{color:#fff}
footer a:hover{text-decoration:underline}
.flogo{width:234px;text-align:center;color:#fff}
.flogo b,.flogo span{color:#fff}
footer .legal{border-top:1px solid #fff;margin-top:26px;padding-top:16px;display:flex;justify-content:space-between;gap:20px;font-size:15px;line-height:23px}
footer .legal .l{max-width:640px}
footer .legal .r{display:flex;gap:16px;flex-wrap:wrap}

#help{position:fixed;right:20px;bottom:20px;background:var(--o);color:#fff;border-radius:22px;padding:10px 16px;font-size:14px;font-weight:600;line-height:16px;display:flex;align-items:center;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:60;text-decoration:none}
#mbar{display:none}

@media(max-width:1000px){
  #util .offer{font-size:13px}
  #util .gs{height:34px;font-size:12px}
  #hdr{padding:14px 20px 10px;flex-direction:column;text-align:center}
  #hdr nav{justify-content:center}
  #hero{height:380px;width:100%;margin-left:0}
  #hero .photo{display:block}
  #hero .in{left:20px;right:20px;top:36px;width:auto}
  #hero h1{font-size:32px;line-height:40px}#hero .ai-note{font-size:15px}
  #hero .ticket{width:240px}
  #stats{padding:30px 20px}
  #stats .row{flex-direction:column;gap:18px}
  #stats .row>div{border:0;padding:0}
  #psy .promises{display:none}
  #guar .cols{flex-direction:column;align-items:center;gap:30px}
  #guar .cols div{border:0;width:auto}
  #faq summary{font-size:17px}
  .dome{width:min(351px,100%);height:200px}
  footer .legal{flex-direction:column}
  #help{display:none}
  #mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid #ddd;padding:10px 16px;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 -2px 10px rgba(0,0,0,.08)}
  #mbar .p{font-size:13px;line-height:1.2;color:#000}
  #mbar .p b{display:block;color:var(--g);font-size:15px}
  #mbar .pill{height:44px;padding:0 18px;text-transform:uppercase;white-space:nowrap;color:#fff}
  body{padding-bottom:72px}
}