/*
Theme Name: Mindwell Karachi
Theme URI: https://example.com/mindwell-karachi
Author: Mahnoor Aftab
Description: A portrait-free, sky-blue mental wellness theme for Karachi with therapist matching, text-only reviews, breathing interaction, workplace wellbeing and a consultation modal.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: mindwell-karachi
*/
:root{--ink:#102f49;--navy:#0b3551;--muted:#577184;--blue:#68bce2;--pale:#eaf8ff;--line:#d9eaf1;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif}body.modal-open{overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}em{font-family:Georgia,serif;font-weight:400}.site-header{height:86px;position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(255,255,255,.9);backdrop-filter:blur(15px);border-bottom:1px solid rgba(16,47,73,.08)}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800}.brand b{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font:italic 20px Georgia}.main-nav{display:flex;gap:30px;font-size:13px;font-weight:700;color:#39576d}.main-nav a{position:relative}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--blue);transition:.25s}.main-nav a:hover:after{right:0}.pill{border:0;border-radius:99px;padding:15px 22px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:15px;transition:.25s}.pill:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(16,42,67,.16)}.pill.dark{background:var(--ink);color:#fff}.pill.outline{background:transparent;color:var(--ink);border:1px solid #a8c5d1}.pill.white{background:#fff;color:var(--ink)}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{min-height:100vh;padding:140px 4vw 50px 8vw;display:grid;grid-template-columns:52% 48%;align-items:center;gap:2vw;overflow:hidden;background:linear-gradient(135deg,#fff,#f6fcff 50%,#dff5ff)}.hero h1{font-size:clamp(64px,7.5vw,118px);line-height:.86;letter-spacing:-.07em;margin:30px 0}.hero h1 em{color:var(--blue)}.hero-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:580px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.2em;font-weight:800;color:#43768e}.eyebrow.light{color:#8fd5f1}.actions{display:flex;gap:12px;margin:30px 0}.trust{display:flex;gap:24px;flex-wrap:wrap;font-size:10px;font-weight:700;color:#587687}.hero-art{height:min(72vh,740px);border-radius:48% 48% 4% 48%;overflow:hidden;position:relative;box-shadow:0 30px 90px rgba(50,137,177,.22)}.hero-art img,.how-image img{width:100%;height:100%;object-fit:cover}.pause-card{position:absolute;left:24px;right:24px;bottom:24px;padding:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-radius:20px;display:flex;align-items:center;gap:13px}.pause-card div{display:flex;flex-direction:column;gap:5px}.pause-card small{text-transform:uppercase;letter-spacing:.18em;font-size:8px;color:#6f8d9f}.pause-card i{margin-left:auto;color:var(--blue);font-size:25px}.breath-button{width:48px;height:48px;border:0;border-radius:50%;background:#ccefff;color:var(--ink)}.breath-button.active{animation:breathe 8s ease-in-out infinite}.ticker{background:var(--ink);color:#fff;overflow:hidden;padding:15px 0;white-space:nowrap;font-size:10px;letter-spacing:.26em;font-weight:800}.ticker div{width:max-content;animation:ticker 22s linear infinite}.section{padding:115px 8vw}.section-head{display:grid;grid-template-columns:32% 68%;align-items:start;gap:25px;margin-bottom:55px}.section-head>div{display:flex;gap:18px;align-items:center}.section-head>div>b{width:35px;height:35px;border:1px solid #c7dee8;border-radius:50%;display:grid;place-items:center;font-size:9px}.section-head h2,.faq-title h2{font-size:clamp(38px,5vw,72px);line-height:1.05;letter-spacing:-.045em;margin:0}.section-head h2 em,.faq-title h2 em{color:var(--blue)}.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.support-card{min-height:370px;padding:25px;border-radius:22px;display:flex;flex-direction:column;transition:.3s}.support-card:hover{transform:translateY(-8px)}.support-card.blue{background:#e1f5ff}.support-card.green{background:#eef4d9}.support-card.peach{background:#f8eee9}.support-card.lilac{background:#e5e7f8}.support-card>span{font-size:9px;font-weight:800}.support-card>i{height:135px;display:grid;place-items:center;font:70px Georgia;color:#2f7794}.support-card h3{font-size:21px;margin:5px 0}.support-card p{font-size:13px;line-height:1.6;color:var(--muted)}.support-card a{margin-top:auto;width:42px;height:42px;border:1px solid rgba(16,42,67,.25);border-radius:50%;display:grid;place-items:center}.match{padding:115px 8vw;background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.match h2{font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.05em;margin:24px 0}.match h2 em{color:#8fd5f1}.match-copy>p{color:#b8ced9;line-height:1.7}.match-notes{display:flex;gap:24px;margin-top:32px;color:#8fb2c3;font-size:10px}.quiz{background:#fff;color:var(--ink);border-radius:28px;padding:34px;min-height:490px}.quiz-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;font-weight:800;color:#6c8a9c}.progress{height:3px;background:#e5eff4;margin:14px 0 40px}.progress i{display:block;height:100%;width:33.33%;background:var(--blue);transition:.3s}.quiz-question h3{font-size:30px;letter-spacing:-.03em}.options{display:grid;gap:10px}.options button{padding:16px;border:1px solid #dcebf1;border-radius:12px;background:#f7fbfd;color:var(--ink);display:flex;justify-content:space-between;text-align:left}.options button:hover{background:#eaf8ff;border-color:#85cae7}.options i{font-style:normal}.quiz-back{border:0;background:none;color:#668395;margin-top:17px;font-size:11px;font-weight:700}.quiz-result{text-align:center;padding-top:15px}.quiz-result>b,.success-view>div{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#dff4c8;margin:0 auto 20px;font-size:25px}.quiz-result p{color:var(--muted);line-height:1.65}.therapists{background:#f8fcfd}.therapist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.therapist-card{background:#fff;border:1px solid #e2edf2;border-radius:24px;overflow:hidden;transition:.3s}.therapist-card:hover{transform:translateY(-7px);box-shadow:0 25px 50px rgba(29,87,114,.12)}.profile-art{height:300px;position:relative;display:grid;place-items:center;overflow:hidden}.profile-art.azure{background:linear-gradient(145deg,#dff5ff,#9edcf4)}.profile-art.sage{background:linear-gradient(145deg,#f0f6de,#c9dfa9)}.profile-art.lavender{background:linear-gradient(145deg,#f1effb,#c7c9ed)}.initials{position:relative;z-index:2;width:125px;height:125px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.85);font:italic 40px Georgia;box-shadow:0 18px 45px rgba(42,95,120,.13)}.profile-art>i{position:absolute;border:1px solid rgba(16,42,67,.13);border-radius:50%;width:220px;height:220px}.profile-art>i:nth-of-type(2){width:340px;height:190px;transform:rotate(25deg)}.profile-art>i:nth-of-type(3){width:430px;height:270px;transform:rotate(-18deg)}.available{position:absolute;z-index:3;top:18px;left:18px;background:rgba(255,255,255,.9);padding:9px 12px;border-radius:30px;font-size:9px;font-weight:800;color:#426d56}.profile-info{padding:25px}.profile-info>small{font-size:9px;letter-spacing:.16em;font-weight:800;color:#5e879d;text-transform:uppercase}.profile-info h3{font-size:25px;margin:9px 0}.profile-info p{font-size:13px;color:var(--muted)}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{background:#edf7fb;border-radius:20px;padding:7px 9px;font-size:9px;font-weight:700}.fee{display:flex;align-items:baseline;gap:5px;border-top:1px solid #e5edf1;padding-top:18px;margin-top:20px}.fee small{font-size:9px;color:#78909d}.center{text-align:center;margin-top:45px}.reviews{padding:105px 8vw;background:var(--navy);color:#fff;display:grid;grid-template-columns:38% 62%;gap:8vw}.reviews h2{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.05em}.reviews h2 em{color:#8fd5f1}.reviews-intro>p{color:#a9c5d4;line-height:1.7}.review-list blockquote{margin:0;padding:27px 0;border-top:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:45px 1fr;gap:10px}.review-list blockquote:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.review-list b{font:50px Georgia;color:#8fd5f1}.review-list p{font:italic 21px/1.45 Georgia;margin:0}.review-list cite{grid-column:2;font-style:normal;text-transform:uppercase;letter-spacing:.13em;color:#88adbf;font-size:9px}.how{display:grid;grid-template-columns:1fr 1fr;min-height:730px}.how-image{position:relative;overflow:hidden}.how-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,53,81,.35),transparent)}.how-image blockquote{position:absolute;z-index:2;left:7vw;right:7vw;bottom:60px;color:#fff;font:italic 26px/1.35 Georgia;margin:0}.how-copy{background:#e3f6ff;padding:95px 7vw}.how-copy h2{font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-.05em;margin:25px 0 45px}.how-copy h2 em{color:#5caed3}.how-copy ol{list-style:none;padding:0}.how-copy li{display:flex;gap:20px;border-top:1px solid #bcdbe8;padding:20px 0}.how-copy li>b{width:37px;height:37px;border-radius:50%;border:1px solid #9fbfcc;display:grid;place-items:center;flex:none}.how-copy h3{margin:3px 0 7px}.how-copy p{margin:0;font-size:12px;line-height:1.6;color:var(--muted)}.workplaces{display:grid;grid-template-columns:48% 52%;min-height:650px;background:var(--ink);color:#fff}.work-art{display:grid;place-items:center;position:relative;overflow:hidden;background:#8ed8f3;color:var(--ink)}.work-art>span{font:58px/1 Georgia;text-align:center;z-index:2}.orbit{position:absolute;border:1px solid rgba(16,42,67,.3);border-radius:50%}.orbit.one{width:450px;height:450px;animation:spin 18s linear infinite}.orbit.two{width:650px;height:300px;transform:rotate(-25deg)}.work-copy{padding:95px 8vw}.work-copy h2{font-size:clamp(40px,4.7vw,66px);line-height:1.05;letter-spacing:-.05em}.work-copy>p{color:#b8cbd6;line-height:1.7}.work-copy ul{list-style:none;padding:10px 0 25px}.work-copy li{border-top:1px solid rgba(255,255,255,.16);padding:14px 0}.work-copy li:before{content:"✓";color:#8ed8f3;margin-right:12px}.faq-wrap{display:grid;grid-template-columns:42% 58%;gap:8vw}.faq-title h2{font-size:clamp(40px,4.5vw,64px);margin-top:25px}.faq{border-top:1px solid var(--line)}.faq:last-child{border-bottom:1px solid var(--line)}.faq button{width:100%;border:0;background:none;padding:24px 0;display:grid;grid-template-columns:45px 1fr 25px;text-align:left;color:var(--ink)}.faq button span{font-size:9px;color:#78909d}.faq button i{font-style:normal;font-size:20px}.faq p{display:none;margin:0 25px 24px 45px;color:var(--muted);line-height:1.65;font-size:13px}.faq.open p{display:block}.footer{padding:80px 8vw 28px;background:#092a3f;color:#fff}.brand.inverse b{background:#fff;color:var(--ink)}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.footer-top h2{font:italic 48px/1.05 Georgia;margin:35px 0}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer-links div{display:flex;flex-direction:column;gap:18px}.footer-links small{letter-spacing:.2em;color:#84a7b8}.footer-links a{font-size:13px;color:#ccdae0}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:65px;padding-top:24px;display:flex;justify-content:space-between;color:#86a3b2;font-size:9px}.disclaimer{color:#71909f;font-size:9px;max-width:800px}.modal-backdrop[hidden],.success-view[hidden],.form-view[hidden]{display:none}.modal-backdrop{position:fixed;z-index:100;inset:0;background:rgba(5,31,47,.65);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal{width:min(550px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;padding:42px;position:relative}.modal-close{position:absolute;right:18px;top:18px;width:36px;height:36px;border:0;border-radius:50%;background:#edf6fa;font-size:22px}.modal h2{font:italic 40px/1.05 Georgia}.modal p{color:var(--muted);line-height:1.6}.modal form{display:grid;gap:14px}.modal label{display:grid;gap:7px;font-size:10px;font-weight:800;color:#527184}.modal input,.modal select{padding:14px;border:1px solid #d6e6ed;border-radius:11px;background:#f9fcfd}.modal form small{text-align:center;color:#8198a3}.success-view{text-align:center}.reveal{opacity:0;transform:translateY(30px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes breathe{50%{transform:scale(1.15);box-shadow:0 0 0 16px rgba(84,186,228,0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:950px){.main-nav{display:none;position:fixed;top:86px;left:0;right:0;background:#fff;padding:30px;flex-direction:column;box-shadow:0 20px 30px rgba(15,45,63,.12)}.main-nav.open{display:flex}.menu-toggle{display:block}.site-header>.pill{display:none}.hero,.section-head,.match,.reviews,.how,.workplaces,.faq-wrap{grid-template-columns:1fr}.hero{padding:130px 5vw 60px;gap:45px}.hero-art{height:55vh}.support-grid{grid-template-columns:1fr 1fr}.match{gap:55px}.therapist-grid{grid-template-columns:repeat(3,1fr)}.how-image{min-height:560px}.work-art{min-height:520px}.faq-title{margin-bottom:40px}}@media(max-width:650px){.site-header{height:72px}.main-nav{top:72px}.hero{padding:110px 20px 45px}.hero h1{font-size:62px}.hero-copy>p{font-size:16px}.actions{flex-direction:column}.trust{gap:12px}.hero-art{height:420px}.pause-card{left:12px;right:12px;bottom:12px}.section,.match,.reviews{padding:80px 20px}.section-head{display:block}.section-head>div{margin-bottom:25px}.section-head h2,.faq-title h2{font-size:42px}.support-grid,.therapist-grid{grid-template-columns:1fr}.support-card{min-height:310px}.match h2{font-size:46px}.match-notes{flex-direction:column;gap:9px}.quiz{padding:24px}.profile-art{height:290px}.reviews h2{font-size:44px}.review-list p{font-size:19px}.how-copy,.work-copy{padding:75px 20px}.how-image{min-height:480px}.work-art{min-height:430px}.work-art>span{font-size:44px}.orbit.one{width:320px;height:320px}.orbit.two{width:450px}.faq-wrap{padding:80px 20px}.footer{padding:70px 20px 25px}.footer-top{grid-template-columns:1fr}.footer-top h2{font-size:40px}.footer-bottom{flex-direction:column;gap:10px}.modal{padding:35px 22px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}