:root{--navy:#101f4e;--navy2:#1d315a;--ink:#263658;--muted:#69758f;--line:#e7ebf8;--cyan:#17d9cd;--teal:#28cbbf;--violet:#7434ed;--blue:#2679ef;--green:#55d9ad;--white:#fff;--shadow:0 18px 44px rgba(30,41,97,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'GE SS Two Light','Geeza Pro',Tahoma,Arial,sans-serif;background:#fff;color:var(--navy);line-height:1.82;font-size:13px}button,input,select,textarea{font:inherit;font-family:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #4ad9d3;outline-offset:3px}.container{width:min(1160px,calc(100% - 56px));margin:auto}.grad{background:linear-gradient(100deg,var(--cyan),var(--blue) 40%,var(--violet) 86%);-webkit-background-clip:text;background-clip:text;color:transparent}.main-btn{background:linear-gradient(110deg,#26cfc5 0%,#387df1 43%,#6e30e2 100%);color:white;box-shadow:0 9px 22px rgba(84,71,223,.18);border-radius:14px;padding:13px 26px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:13px;transition:transform .2s}.main-btn:hover{transform:translateY(-2px)}.outline-btn{background:white;border:1px solid #dcdff6;color:var(--navy);border-radius:14px;padding:12px 24px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.ghost-btn{background:#f0edff;border:1px solid #e8e3ff;color:#573ac2;border-radius:12px;padding:9px 15px;font-weight:800}.eyebrow{font-size:11px;font-weight:700;color:#6040c8;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(105deg,#eafdfc,#f0e8ff);border:1px solid #ebe7ff;border-radius:999px;padding:6px 15px}.eyebrow:before{content:'✦';font-size:16px}.note{color:var(--muted);font-size:11px}.mark-window{position:relative;width:200px;height:82px;overflow:hidden;flex:0 0 200px;background:#fff}.mark-window img{position:absolute;width:310px;height:auto;max-width:none;top:-37px;left:-53px}.nav-shell{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);border-bottom:1px solid #f0eff8}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}.links{display:flex;align-items:center;gap:31px;font-weight:750;font-size:11px;color:#3c4269}.links a:hover{color:#5d3adc}.nav .main-btn{font-size:10px;padding:11px 18px}.hero-bg{background:radial-gradient(ellipse at 4% 58%,rgba(113,83,228,.10),transparent 43%),radial-gradient(ellipse at 85% 80%,rgba(23,217,205,.085),transparent 42%),linear-gradient(180deg,#fff,#fbfbff);overflow:hidden}.hero{display:grid;grid-template-columns:1.15fr .95fr;gap:43px;align-items:center;min-height:635px;padding:58px 0 73px}.hero h1{font-weight:800;font-size:clamp(33px,3.8vw,52px);line-height:1.58;margin:19px 0 13px;letter-spacing:-.7px}.hero h1 span{color:#6442d9}.hero-desc{font-size:15px;line-height:2.15;color:#5a6382;max-width:610px;margin:0 0 23px}.hero-ctas{display:flex;flex-wrap:wrap;gap:13px}.micro{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;color:#66738f;margin-top:24px}.micro span:before{content:'✓';margin-left:5px;background:#e1faf2;color:#1da988;border-radius:50%;padding:1px 5px}.scene{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center}.scene::before{content:'';position:absolute;width:390px;height:360px;border-radius:38% 62% 42% 58%;transform:rotate(23deg);background:linear-gradient(130deg,rgba(22,220,206,.72),rgba(38,120,239,.56) 46%,rgba(117,57,241,.53) 86%);filter:blur(.3px);opacity:.75}.scene::after{content:'';position:absolute;left:1%;bottom:10%;width:280px;height:220px;z-index:0;border-radius:48%;background:radial-gradient(circle,#d0fff5,transparent 73%)}.phone{position:relative;z-index:1;background:linear-gradient(140deg,#111735,#303957);border:5px solid #161b38;border-radius:43px;box-shadow:0 30px 53px rgba(19,30,73,.26),inset 0 0 0 2px #c1c5dc;width:257px;height:480px;transform:rotate(-10deg) translate(-17px,11px);padding:10px}.phone-screen{background:linear-gradient(155deg,#fff,#f6f8ff 77%,#effaff);border-radius:31px;height:100%;padding:30px 13px 15px;text-align:center;position:relative;overflow:hidden}.phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:77px;height:18px;background:#101934;border-radius:25px}.phone-title{font-size:18px;font-weight:800;margin-bottom:10px}.phone-tag{font-size:9px;color:#5c40c8;background:#eae4ff;padding:3px 9px;border-radius:30px}.phone-card{border:1px solid #edf0fa;background:white;border-radius:17px;box-shadow:0 8px 17px rgba(31,48,91,.06);margin-top:19px;padding:14px 9px;text-align:right}.phone-card .circle-icon{font-size:30px;text-align:center;margin:2px auto}.phone-card h4{margin:6px 0 2px;font-size:12px}.phone-card p{margin:0;color:#7b86a4;font-size:9px}.small-bubbles{display:flex;justify-content:center;gap:5px;margin:10px 0}.small-bubbles span{height:21px;width:21px;border-radius:50%;background:linear-gradient(135deg,#cce9ff,#d3cbff);border:2px solid white}.phone-meter{height:7px;border-radius:22px;background:#e9e9fc;overflow:hidden;margin-top:17px}.phone-meter:after{content:'';display:block;width:64%;height:100%;border-radius:22px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.phone-foot{position:absolute;bottom:17px;left:14px;right:14px;display:flex;justify-content:space-around;color:#7757d6;font-size:17px}.glass-card{position:absolute;z-index:3;left:-15px;top:74px;width:265px;background:rgba(255,255,255,.91);box-shadow:0 26px 52px rgba(32,44,96,.15);border:1px solid rgba(255,255,255,.98);backdrop-filter:blur(12px);border-radius:23px;padding:20px 19px;transform:rotate(3deg)}.glass-card h4{font-size:14px;margin:0 0 11px}.glass-card .ai-tag{display:inline-flex;align-items:center;gap:7px;background:#f0eaff;color:#7541d1;border-radius:20px;padding:3px 10px;font-size:9px;font-weight:800}.glass-item{display:flex;gap:9px;align-items:center;font-size:10px;font-weight:750;margin-top:12px;color:#374763}.glass-item i{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#dff9ee;color:#139f77;font-style:normal}.glass-foot{font-size:9px;color:#8790a8;border-top:1px solid #e9ebf5;margin-top:14px;padding-top:8px}.section{padding:85px 0}.sec-kicker{color:#7544d9;font-size:11px;font-weight:800;margin-bottom:8px}.section h2{font-size:clamp(25px,2.8vw,36px);line-height:1.6;margin:0 0 12px;font-weight:800}.section-sub{font-size:12px;color:var(--muted);max-width:660px;line-height:2.1;margin:0}.top-center{text-align:center}.top-center .section-sub{margin:0 auto}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}.flow-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:27px 20px;min-height:225px;box-shadow:0 6px 28px rgba(36,47,90,.035)}.flow-card .icon{width:53px;height:53px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(130deg,#e4fcfb,#f0e9ff);font-size:24px;margin-bottom:14px;color:#543cdd}.flow-card small{font-size:9px;color:#7755da;font-weight:800}.flow-card h3{font-size:14px;margin:8px 0}.flow-card p{font-size:10.5px;color:#75809a;margin:0}.page-badge{display:inline-block;font-size:10px;color:#694bd0;font-weight:700;border-radius:99px;padding:5px 13px;background:#f0eaff}.why-bg{background:linear-gradient(125deg,#f8f7ff 4%,#f7ffff 55%,#fff);border-block:1px solid #f1f1fb}.why-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:64px;align-items:center}.why-grid p{font-size:13px;line-height:2.15;color:#61708e}.why-grid strong{color:#182953}.callout{padding:25px;border-radius:24px;background:#fff;border:1px solid #e6e6f9;box-shadow:var(--shadow)}.callout .bignum{display:flex;align-items:baseline;gap:7px;color:#1a2858}.callout .bignum b{font-size:65px;line-height:1.2}.callout .bignum span{font-size:19px;font-weight:800}.callout .tax{font-size:10px;color:#7f88a6}.callout .line{height:1px;background:#ececf8;margin:18px 0}.callout ul{list-style:none;margin:0;padding:0}.callout li{font-size:11px;color:#4e5d7b;padding:7px 0;display:flex;align-items:center;gap:8px}.callout li:before{content:'✓';color:#08a68c;font-weight:800}.callout .main-btn{margin-top:17px;width:100%}.circles-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center;margin-top:38px}.preview-circles{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:#fafbff;border:1px solid #edf0fb;border-radius:27px;padding:20px}.circle{border:1px solid #e9eafa;background:white;border-radius:18px;padding:21px 16px;box-shadow:0 8px 17px rgba(44,57,116,.035)}.circle .emoji{font-size:24px;display:block;margin-bottom:7px}.circle h4{font-size:12px;margin:0 0 4px}.circle p{font-size:10px;color:#818ba3;margin:0}.circle.full{grid-column:1/-1;background:linear-gradient(115deg,#effcf9,#f3efff)}.selector{border:1px solid #eaedfa;border-radius:23px;padding:27px;background:white}.selector label{display:block;font-weight:800;font-size:11px;margin-bottom:10px}.selector select{width:100%;height:46px;padding:0 13px;border:1px solid #dee2f5;background:white;border-radius:11px;color:var(--navy)}.picks{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 18px}.pick{padding:8px 13px;background:white;border:1px solid #e2e6f4;border-radius:50px;color:#455377;font-size:10px;font-weight:800}.pick[aria-pressed="true"]{background:#ece9ff;color:#5931ba;border-color:#c7b8ff}.preview-label{margin-top:20px;font-size:10px;color:#7987a0}.honesty{font-size:10px;color:#7b88a1;background:#f7f8ff;border-radius:10px;padding:12px 15px}.launch{background:linear-gradient(120deg,#f5feff,#f5f1ff);border-block:1px solid #eeeffc}.launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.steps{display:grid;gap:13px;margin-top:27px}.step{display:flex;gap:13px;align-items:flex-start}.step span{flex:0 0 32px;height:32px;width:32px;border-radius:11px;background:#f1ebff;color:#6c43d8;display:grid;place-items:center;font-weight:800}.step strong{font-size:12px}.step p{margin:2px 0;font-size:10px;color:#7c88a2}.launch-box{background:white;border:1px solid #e7ebf8;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.launch-box h3{margin:0 0 18px;font-size:17px}.launch-box .tag{background:#f1edff;color:#5f38cb;padding:6px 12px;border-radius:20px;font-size:10px;font-weight:700}.pricebar{border:1px solid #edeafa;background:#faf9ff;border-radius:16px;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;margin:20px 0}.pricebar b{font-size:28px}.pricebar span{font-size:10px;color:#737c95}.launch-box .main-btn{width:100%}.mutedfine{font-size:9px;color:#8b94ad;margin-top:13px}.faq h2{text-align:center}.faq-list{max-width:810px;margin:27px auto 0}.faq details{border-bottom:1px solid #eaeaf5;padding:18px 2px}.faq summary{cursor:pointer;font-size:12px;font-weight:700}.faq details p{margin:9px 0 0;color:#737f9a;font-size:11px}.bottom{background:#121f4c;color:white;padding:56px 0;background-image:radial-gradient(circle at 15% 75%,rgba(65,215,198,.20),transparent 35%),radial-gradient(circle at 90% 5%,rgba(114,73,225,.25),transparent 40%)}.bottom-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.bottom h2{font-size:25px;margin:0 0 7px}.bottom p{font-size:12px;margin:0;color:#c5ccec}.footer{padding:24px 0;background:#0d1840;color:#bbc7e4;font-size:10px}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:15px}.mini-brand{font-size:17px;font-weight:800}.mini-brand small{display:block;font-size:9px;font-weight:400}.dev{position:fixed;bottom:12px;left:12px;z-index:20;border-radius:10px;background:#f1f5ff;border:1px solid #d6e0fd;color:#4a5a8c;padding:8px 11px;font-size:9px;box-shadow:0 5px 15px rgba(24,42,89,.08)}
/* Signup demo */
.overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(17,28,72,.63);z-index:90;backdrop-filter:blur(8px)}.overlay.open{display:flex}.dialog{width:min(530px,100%);max-height:92vh;overflow:auto;background:white;padding:27px;border-radius:27px;box-shadow:0 30px 80px rgba(0,0,0,.22)}.dia-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.dia-head h3{font-size:18px;margin:0}.dia-head p{font-size:10px;color:#8390a5;margin:3px 0 0}.x{background:#f1f2f9;color:#3b466e;width:32px;height:32px;border-radius:9px;font-size:23px;line-height:1}.bar{display:flex;gap:5px;margin:19px 0}.bar span{height:4px;flex:1;border-radius:10px;background:#ededf8}.bar span.active{background:linear-gradient(90deg,var(--cyan),var(--violet))}.panel{display:none}.panel.active{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-group{min-width:0}.form-group.wide{grid-column:1/-1}.form-group label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.form-group input,.form-group select{width:100%;height:45px;border:1px solid #dfe5f1;border-radius:12px;padding:0 11px;color:#263658;background:#fff}.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.checks label{display:flex;gap:6px;align-items:center;border:1px solid #e4e8f8;border-radius:11px;padding:10px;font-size:10px}.checks label:has(input:checked){background:#f1f0ff;border-color:#c7c5ff}.check-line{display:flex;align-items:flex-start;gap:9px;color:#65718d;font-size:10px;margin-top:13px}.check-line input{margin-top:6px}.dialog-actions{margin-top:22px;display:flex;justify-content:space-between;gap:10px}.dialog-actions .main-btn{flex:1}.totals{border:1px solid #eeeafc;background:#f8f7ff;border-radius:13px;padding:17px;display:flex;justify-content:space-between;align-items:center}.totals b{font-size:25px}.confirmed{display:none;text-align:center}.confirmed .check-large{margin:6px auto 15px;display:grid;place-items:center;height:61px;width:61px;border-radius:50%;background:#e6faf3;font-size:26px;color:#18aa82}.confirmed h3{font-size:19px;margin:0 0 6px}.confirmed p{font-size:11px;color:#758199;margin:0 0 15px}.confirmed .ghost-btn{width:100%}
@media(max-width:1050px){.links{gap:15px}.hero{grid-template-columns:1fr .9fr;gap:15px}.glass-card{left:-12px;top:64px}.phone{transform:rotate(-8deg) translate(24px,15px)}}
@media(max-width:850px){.links{display:none}.hero{grid-template-columns:1fr;min-height:unset;padding:55px 0}.hero-copy{max-width:760px}.scene{min-height:495px}.flow-grid{grid-template-columns:repeat(2,1fr)}.why-grid,.circles-grid,.launch-grid{grid-template-columns:1fr;gap:30px}.bottom-inner{flex-direction:column;text-align:center}.section{padding:64px 0}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.nav{height:77px}.mark-window{width:148px;height:65px;flex-basis:148px}.mark-window img{width:235px;top:-27px;left:-42px}.nav .main-btn{font-size:9px;padding:9px 12px}.hero{padding:37px 0}.hero h1{font-size:30px}.hero-desc{font-size:12px}.scene{min-height:440px}.phone{width:220px;height:410px;transform:rotate(-9deg) translate(15px,8px)}.glass-card{width:202px;left:0;top:85px;padding:14px}.glass-card h4{font-size:11px}.glass-item{font-size:9px}.scene::before{width:300px;height:300px}.section{padding:55px 0}.section h2{font-size:25px}.flow-grid{gap:10px}.flow-card{padding:19px 13px;min-height:210px}.flow-card h3{font-size:12px}.flow-card p{font-size:10px}.preview-circles{gap:9px;padding:10px}.circle{padding:14px 11px}.form-grid{grid-template-columns:1fr}.dialog{padding:20px}.footer-inner{flex-direction:column;text-align:center}.dev{font-size:8px}}

/* Consistent Arabic font for every component, including dialog and form fields */
h1,h2,h3,h4,p,label,summary,button,input,select,textarea,.nav,.links,.phone,.dialog,.launch-box{font-family:inherit}
.form-note{font-size:11px;color:#64718f;margin:0 0 14px}
.dia-stage{font-size:12px;color:#5c40c8;background:#f3efff;border-radius:11px;padding:8px 12px;margin:10px 0 4px;font-weight:700}
.choice-msg{color:#9b4252;font-size:11px;display:none;margin-top:8px}
.join-tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.join-tags span{font-size:11px;padding:6px 11px;border:1px solid #dfe8fa;border-radius:999px;background:#f8faff;color:#344671}
.confirmed .example-circles{background:#f5f7ff;border-radius:12px;padding:10px;margin:12px auto;text-align:right;font-size:11px}
/* Maintain original colors, layout and logo asset; only typography and signup flow changed. */


/* User-provided GE SS Two Light — webfont sourced from their archive for local preview */
:root{--ui-type:'Kithar GE SS Two','GE SS Two Light',Tahoma,Arial,sans-serif}
html,body,button,input,select,textarea,summary{font-family:var(--ui-type)!important;font-synthesis:weight}
body{font-size:15px;line-height:1.9}
.links,.main-btn,.outline-btn,.ghost-btn{font-size:13px}
.hero-desc{font-size:17px}
.section-sub,.why-grid p{font-size:14px}
.flow-card p,.callout li,.faq p,.form-note,.circle p{font-size:13px}
.flow-card h3,.circle h4{font-size:15px}
.note,.mutedfine,.tax{font-size:12px}
@media(max-width:790px){.container{width:calc(100% - 32px)}.hero{padding:34px 0 50px}.section{padding:55px 0}.hero h1{font-size:clamp(27px,6.5vw,38px)}}


/* GE SS Two Light is loaded by WordPress from uploads/kithar-fonts if the licensed WOFF2 is present. */
/* Ensure headings, forms, modals, nav and all dynamically inserted elements use one font. */
:root{--ui-type:'Kithar GE SS Two','GE SS Two Light',Tahoma,Arial,sans-serif}
html,body,button,input,select,textarea,summary,
button *,input *,select *,textarea *,[role="button"],.overlay,.dialog,
h1,h2,h3,h4,h5,h6,small,p,span,a,label,li,strong,b{
  font-family:var(--ui-type)!important;
}
/* GE SS Two Light has different height metrics than Tajawal; keep clear spacing. */
body{line-height:1.82}
button,input,select,textarea{line-height:1.7}


/* Onboarding, member dashboard and referrals; matches the established Kithar visual system. */
[hidden]{display:none!important}
.experience{position:fixed;inset:0;z-index:200;overflow:auto;background:radial-gradient(ellipse at 5% 10%,#f3ecff 0,transparent 34%),radial-gradient(ellipse at 95% 94%,#e9fffc 0,transparent 35%),#fbfcff;color:var(--navy);direction:rtl}
.exp-inner{width:min(1120px,calc(100% - 34px));margin:auto}
.exp-header{background:rgba(255,255,255,.95);position:sticky;top:0;z-index:15;border-bottom:1px solid #ebedfa;box-shadow:0 2px 18px #0e245010;backdrop-filter:blur(12px)}
.exp-header-row{min-height:83px;display:flex;align-items:center;gap:15px;justify-content:space-between}
.exp-logo{display:flex;align-items:center;gap:15px}.exp-title{font-size:17px;font-weight:800;line-height:1.5}
.exp-title small{display:block;font-size:11px;color:var(--muted);font-weight:500}
.exp-main{padding:32px 0 75px}.soft-chip{display:inline-flex;gap:8px;align-items:center;border-radius:100px;background:#f0edff;color:#6841c8;padding:7px 13px;font-size:12px;font-weight:750}
.exp-btn,.exp-outline{font-weight:800;border-radius:14px;padding:12px 22px;display:inline-flex;gap:10px;align-items:center;justify-content:center;transition:transform .2s}
.exp-btn{background:linear-gradient(110deg,#24cfc5,#397bf0 45%,#7030e5);color:#fff;box-shadow:0 9px 22px #6358d328}.exp-outline{background:#fff;color:var(--navy);border:1px solid #dfe4f6}.exp-btn:hover,.exp-outline:hover{transform:translateY(-2px)}
.exp-btn:disabled{opacity:.45;cursor:not-allowed}.exp-plain{background:none;color:#6e49d8;font-weight:750;padding:9px 0}
.exp-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.exp-card{background:#fff;border:1px solid #e8eaf7;border-radius:25px;box-shadow:0 15px 46px #1e29610c;padding:30px}
.exp-card h1{font-size:29px;line-height:1.6;margin:6px 0 11px}.exp-card h2{font-size:23px;line-height:1.6;margin:0 0 10px}.exp-card p{color:#63718e;font-size:14px;margin:0 0 18px}
.exp-progress{display:flex;gap:9px;margin:20px 0 25px}.exp-progress i{height:7px;flex:1;background:#e7e9f6;border-radius:10px}.exp-progress i.on{background:linear-gradient(95deg,#20cbd0,#7542ea)}
.exp-stage{display:none}.exp-stage.active{display:block;animation:fadein .18s ease}@keyframes fadein{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.exp-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}.exp-choice{background:#fff;border:1.6px solid #e4e7f6;border-radius:17px;padding:18px 14px;text-align:right;display:flex;gap:12px;align-items:center;color:var(--navy);font-weight:750}.exp-choice b{font-size:22px}.exp-choice.active{background:linear-gradient(112deg,#f2fcff,#f5efff);border-color:#8957e9;box-shadow:0 5px 17px #7542e519}.exp-choice span{font-size:13px}
.exp-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:18px 0}.exp-field{display:grid;gap:8px}.exp-field label{font-weight:700;font-size:13px}.exp-field input,.exp-field select{width:100%;height:50px;border:1.5px solid #e0e5f4;border-radius:13px;padding:11px 12px;background:#fff;font-size:14px;color:var(--navy)}.exp-field input:focus,.exp-field select:focus{outline:2px solid #84dcf0;outline-offset:0}
.exp-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:26px;padding-top:21px;border-top:1px solid #eaeef7}
.exp-error{display:none;color:#ab2457;font-size:12px;margin:10px 0;background:#fff3f7;border:1px solid #ffdde8;padding:9px 12px;border-radius:10px}.exp-error.show{display:block}
.exp-aside{position:sticky;top:114px}.exp-side-list{display:grid;gap:14px}.exp-side-list>div{padding:12px 0;border-bottom:1px solid #edf0f9;display:flex;align-items:start;gap:10px}.exp-side-list>div:last-child{border:0}.exp-side-list strong{display:block;font-size:13px}.exp-side-list small{display:block;color:#77839a;font-size:12px;line-height:1.6}.exp-side-list i{font-style:normal;color:#11af93;background:#e9fbf3;border-radius:50%;height:25px;min-width:25px;display:grid;place-items:center}
.exp-price{display:flex;align-items:baseline;gap:8px;font-size:40px;font-weight:900;color:#22275b}.exp-price small{font-size:13px;color:#63718e}.exp-stripe{background:linear-gradient(110deg,#f0fff9,#efeaff);border-radius:15px;padding:16px;color:#283b65;font-size:12px;line-height:1.9}
.exp-circles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.exp-circle{padding:18px;border-radius:16px;background:linear-gradient(145deg,#f5fcff,#f7f5ff);border:1px solid #e4e9fa}.exp-circle span{font-size:23px}.exp-circle h3{margin:7px 0 4px;font-size:15px}.exp-circle p{font-size:12px;margin:0}.exp-circle em{font-size:10px;font-style:normal;color:#7656c7}
.exp-consent{display:flex;align-items:start;gap:10px;margin:10px 0;font-size:12px;color:#536384}.exp-consent input{margin-top:6px;accent-color:#6b40dd}
.exp-highlight{display:grid;gap:5px;background:#f3f2ff;padding:14px;border-radius:15px;color:#4b4d85;font-size:13px}
.demo-label{background:#fffbf1;color:#6c5629;border:1px solid #efe5be;font-size:12px;padding:10px 15px;border-radius:13px;line-height:1.8;margin-bottom:22px}
.dashboard-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:4px 0 20px}.dashboard-heading h1{font-size:30px;line-height:1.5;margin:0}.dashboard-heading p{margin:2px 0;color:var(--muted);font-size:13px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px}
.dashboard-col{display:grid;gap:22px;align-content:start}.dashboard-card{background:white;border:1px solid #e8eafa;border-radius:23px;padding:24px;box-shadow:0 15px 36px #131d4508}
.dashboard-card h2{font-size:21px;margin:0 0 12px}.dashboard-card p{font-size:13px;color:#667590;margin:0 0 12px}.dashboard-card .exp-circles{margin:14px 0 6px}.dashboard-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:12px;background:#f0efff;color:#6a48ca;font-size:12px;font-weight:800}
.dashboard-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dashboard-perks>div{border-radius:17px;border:1px solid #e9eafa;background:#fbfcff;padding:15px}.dashboard-perks b{display:block;font-size:13px;margin:7px 0 3px}.dashboard-perks small{font-size:11px;color:#6f7994}
.progress-road{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.progress-road>div{background:#fbfcff;border:1px solid #e7eaf6;border-radius:15px;padding:14px}.progress-road>div.current{border-color:#6b65e9;background:#f6f3ff}.progress-road b{display:block;font-size:12px;margin-top:7px}.progress-road small{font-size:11px;color:#7f89a1}.progress-road i{font-style:normal;font-size:23px}
.dashboard-action{background:linear-gradient(110deg,#e6fffa,#f2ecff);border-radius:23px;padding:24px;display:grid;gap:12px}.dashboard-action b{font-size:21px}.dashboard-action p{font-size:13px;color:#5e6c84;margin:0}
.dashboard-tags{display:flex;flex-wrap:wrap;gap:9px}.dashboard-tags span{background:#f1f3ff;border-radius:30px;padding:6px 12px;font-size:12px;color:#58558b}
.invite-layout{max-width:760px;margin:0 auto}.invite-layout .exp-card{padding:34px}.invite-box{background:linear-gradient(110deg,#f3faff,#f3edff);padding:20px;border-radius:20px;border:1px solid #e8e4fc;margin:22px 0;color:#26365b;line-height:2.1}.invite-box p{color:#273659;font-size:15px;white-space:pre-line}.invite-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.invite-note{font-size:12px;color:#6a7895;margin-top:12px}
.exp-footer{margin:45px auto 0;text-align:center;font-size:12px;color:#7d86a0}
@media(max-width:860px){.exp-grid,.dashboard-grid{grid-template-columns:1fr}.exp-aside{position:static}.exp-main{padding:20px 0 60px}.exp-card{padding:23px}.dashboard-heading{align-items:start;flex-direction:column}.progress-road{grid-template-columns:repeat(2,1fr)}.dashboard-perks{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.exp-header-row{min-height:73px}.exp-title{font-size:14px}.exp-title small{font-size:10px}.exp-card h1{font-size:23px}.exp-card h2{font-size:20px}.exp-choices,.exp-fields,.exp-circles,.dashboard-perks{grid-template-columns:1fr}.exp-choice{padding:13px}.exp-header .mark-window{width:115px;height:54px;flex-basis:115px}.exp-header .mark-window img{width:180px;top:-21px;left:-31px}.exp-header-row .exp-outline{font-size:11px;padding:10px}.exp-btn{padding:12px 15px;font-size:12px}.exp-actions{flex-wrap:wrap}.dashboard-heading h1{font-size:25px}.dashboard-card{padding:17px}.dashboard-card h2{font-size:18px}}

/* Kithar V6 — only five communities and optional recurring-service interests */
.v6-subtitle{font-size:14px;font-weight:800;color:var(--navy);margin:20px 0 9px}
.v6-subtitle small{display:block;font-weight:400;font-size:12px;color:var(--muted);line-height:1.75}
.v6-chip-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.v6-chip{background:#fff;border:1px solid #dfe5f5;border-radius:999px;padding:9px 13px;color:#3e4b73;font-size:12px;line-height:1.5}
.v6-chip.active{border-color:#855ae9;background:#f2edff;color:#5438af}
.exp-choice span small{display:block;font-size:11px;color:#7a86a0;font-weight:400;line-height:1.7;margin-top:4px}
.exp-field select{appearance:auto;-webkit-appearance:menulist}
.v6-main-picks .pick{margin:0}
@media(max-width:560px){.v6-chip{font-size:11px}.v6-subtitle{font-size:13px}}


/* V7: Hide decorative dropdown arrows from selection controls; retain native selection and keyboard accessibility. */
.exp-field select, .selector select, .form-group select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: none !important;
  padding-inline: 13px !important;
}
.exp-field select::-ms-expand, .selector select::-ms-expand, .form-group select::-ms-expand { display:none; }


/* V9: Arrow-free navigation/choices and category pictograms. */
.community-icon { width: 30px; height: 30px; flex: 0 0 auto; vertical-align: middle; display: block; color: #6746d8; }
.pick {display: inline-flex; align-items: center; justify-content: center; gap: 7px;}
.pick-symbol {display:inline-flex;align-items:center;justify-content:center;}
.pick-symbol .community-icon {width:17px;height:17px;}
.pick[aria-pressed="true"] .community-icon, .exp-choice[aria-pressed="true"] .community-icon {color:#6332c9;}
.circle .emoji {display:inline-flex;justify-content:center;align-items:center;min-width:30px;min-height:32px;}
.circle .emoji .community-icon {width:32px;height:32px;}
.exp-choice-symbol {display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:40px;}
.exp-choice-symbol .community-icon {width:36px;height:36px;}
.exp-circle .exp-community-symbol {display:inline-flex;align-items:center;justify-content:flex-start;min-height:35px;}
.exp-circle .exp-community-symbol .community-icon {width:34px;height:34px;}
.faq summary {list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::marker{content:''}
@media(max-width:600px){.exp-choice-symbol .community-icon{width:30px;height:30px}}


.payment-order{border:1px solid #e4e7f7;background:#fcfcff;border-radius:19px;margin:22px 0;padding:4px 19px}
.payment-order>div{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #e8ebf8;padding:13px 0;font-size:13px}
.payment-order>div:last-child{border-bottom:0;font-size:16px;color:#452bc9}
.payment-order span{color:#75829d}.payment-order strong{max-width:67%;text-align:left;direction:rtl;line-height:1.7}
@media(max-width:550px){.payment-order>div{font-size:12px}.payment-order strong{max-width:62%}}


/* Kithar V13: refined typography and visual rhythm (does not change brand colors or logo) */
:root {
  --ui-type:'Kithar GE SS Two','GE SS Two Light',Tahoma,Arial,sans-serif;
  --kithar-body:clamp(15px, 1.03vw, 16px);
}
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body { font-family:var(--ui-type)!important; font-weight:300; font-size:var(--kithar-body); line-height:1.95; }
body :is(h1,h2,h3,h4,h5,h6,b,strong), body :is(button,.main-btn,.outline-btn,.ghost-btn,.exp-btn,.exp-outline) { font-weight:700; }
body :is(p,label,li,small,summary,button,input,select,textarea,a,span) { font-family:var(--ui-type)!important; }
body :is(input,select,textarea,button) { line-height:1.75; }
.container { width:min(1180px,calc(100% - 60px)); }
.nav { gap:18px; }
.links { gap:26px; font-size:14px; line-height:1.65; }
.nav .main-btn { font-size:13px; padding:12px 19px; }
.main-btn,.outline-btn,.ghost-btn { font-size:15px; line-height:1.5; min-height:46px; padding:12px 23px; }
.hero { grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:36px; padding:52px 0 66px; min-height:630px; }
.hero h1 { font-size:clamp(36px,4vw,54px); line-height:1.45; letter-spacing:0; margin:22px 0 17px; }
.hero-desc { font-size:17px; line-height:1.96; max-width:630px; }
.eyebrow,.sec-kicker,.page-badge { font-size:13px; }
.micro,.note,.honesty,.preview-label,.mutedfine,.footer { font-size:12px; line-height:1.8; }
.section { padding:78px 0; }
.section h2 { font-size:clamp(28px,2.7vw,37px); line-height:1.45; letter-spacing:0; }
.section-sub,.why-grid p,.bottom p { font-size:16px; line-height:1.9; }
.flow-grid { gap:18px; }
.flow-card { padding:25px 21px; min-height:215px; }
.flow-card small { font-size:12px; }
.flow-card h3 { font-size:17px; line-height:1.5; }
.flow-card p,.circle p,.callout li,.faq details p,.step p { font-size:14px; line-height:1.9; }
.callout .tax,.pricebar span { font-size:12px; }
.callout .bignum b { font-size:64px; }
.circle h4,.step strong { font-size:16px; }
.selector label,.faq summary,.launch-box .tag { font-size:15px; }
.selector select { height:51px; font-size:16px; }
.pick,.v6-chip { font-size:14px; min-height:39px; }
.faq details { padding:20px 3px; }
.faq details p { margin-top:12px; }
.phone-card h4,.glass-card h4 { font-size:14px; }
/* Member onboarding and account */
.exp-inner { width:min(1160px,calc(100% - 48px)); }
.exp-header-row { min-height:86px; }
.exp-title { font-size:19px; }
.exp-title small,.exp-side-list small { font-size:13px; }
.exp-btn,.exp-outline { font-size:15px; min-height:44px; padding:12px 20px; }
.exp-grid { grid-template-columns:minmax(0,1fr) minmax(292px,340px); gap:26px; }
.exp-card { padding:30px; }
.exp-card h1 { font-size:clamp(25px,2.3vw,31px); line-height:1.5; }
.exp-card h2 { font-size:clamp(22px,1.9vw,25px); line-height:1.55; }
.exp-card p { font-size:16px; line-height:1.9; }
.exp-choice { padding:18px; }
.exp-choice span { font-size:16px; line-height:1.65; }
.exp-choice span small { font-size:13px; line-height:1.8; }
.exp-field label,.v6-subtitle { font-size:15px; }
.exp-field input,.exp-field select { font-size:16px; min-height:52px; }
.exp-side-list strong { font-size:15px; }
.exp-stripe,.exp-highlight,.exp-consent,.exp-plain { font-size:14px; line-height:1.85; }
.exp-price small { font-size:15px; }
.exp-circle h3 { font-size:16px; }
.exp-circle p,.exp-circle em { font-size:13px; }
.dashboard-heading h1 { font-size:32px; }
.dashboard-heading p,.dashboard-card p,.dashboard-action p { font-size:15px; }
.dashboard-card h2,.dashboard-action b { font-size:23px; }
.dashboard-perks b,.dashboard-badge,.progress-road b,.dashboard-tags span { font-size:14px; }
.dashboard-perks small,.progress-road small,.invite-note,.exp-footer { font-size:13px; }
.payment-order>div { font-size:15px; }
.payment-order>div:last-child { font-size:18px; }
@media(max-width:1050px){
  .links{gap:16px;font-size:13px}
  .hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:15px}
}
@media(max-width:850px){
  .hero{grid-template-columns:1fr;min-height:unset;padding:48px 0}
  .section{padding:62px 0}
  .why-grid,.circles-grid,.launch-grid{gap:28px}
  .exp-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .container{width:calc(100% - 32px)}
  .nav{height:77px}
  .nav .main-btn{font-size:12px;padding:10px 13px;min-height:42px}
  .hero{padding:35px 0 52px}
  .hero h1{font-size:clamp(29px,7.8vw,37px);line-height:1.48}
  .hero-desc{font-size:16px;line-height:1.9}
  .hero-ctas{gap:10px}
  .main-btn,.outline-btn{font-size:14px;padding:12px 15px;min-height:45px}
  .micro{font-size:12px}
  .section{padding:54px 0}
  .section h2{font-size:27px;line-height:1.53}
  .section-sub,.why-grid p{font-size:15px}
  .flow-grid{gap:10px}
  .flow-card{min-height:unset;padding:20px 14px}
  .flow-card h3{font-size:15px}
  .flow-card p{font-size:13px}
  .circle h4{font-size:15px}
  .circle p{font-size:13px}
  .exp-inner{width:calc(100% - 28px)}
  .exp-card{padding:21px}
  .exp-card h1{font-size:25px}
  .exp-card h2{font-size:22px}
  .exp-card p{font-size:15px}
  .exp-choice span{font-size:15px}
  .exp-choice span small{font-size:12px}
  .exp-title{font-size:15px}
  .exp-title small{font-size:11px}
  .exp-btn,.exp-outline{font-size:14px;padding:12px 15px}
  .dashboard-heading h1{font-size:27px}
  .dashboard-card h2{font-size:21px}
  .dashboard-card p{font-size:14px}
  .payment-order>div{font-size:13px}
  .payment-order>div:last-child{font-size:16px}
}


/* Kithar V14 — user's new approved artwork; unchanged letterforms and gradient. */
.mark-window{
  width:206px!important;height:88px!important;flex:0 0 206px!important;
  display:flex!important;align-items:center;justify-content:center;
  overflow:visible!important;background:transparent!important;
}
.mark-window img{
  position:static!important;left:auto!important;top:auto!important;
  width:100%!important;height:auto!important;max-width:100%!important;
  object-fit:contain!important;display:block;
}
.phone-title.phone-logo{height:47px;display:flex;align-items:center;justify-content:center;margin-bottom:3px}
.phone-title.phone-logo img{width:125px;max-height:48px;object-fit:contain;display:block}
.mini-brand.brand-on-dark{display:flex;align-items:center;justify-content:center;
  width:160px;min-height:72px;border-radius:12px;background:#fff;padding:6px 7px;overflow:hidden}
.mini-brand.brand-on-dark img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:900px){
  .mark-window{width:165px!important;height:72px!important;flex-basis:165px!important}
}
@media(max-width:560px){
  .mark-window{width:133px!important;height:60px!important;flex-basis:133px!important}
  .exp-header .mark-window{width:128px!important;height:59px!important;flex-basis:128px!important}
  .phone-title.phone-logo img{width:116px}
  .mini-brand.brand-on-dark{width:145px;min-height:64px}
}


/* Kithar V16: exact transparent logo, restrained cart applications and refined mobile typography */
:root {--ui-type:'Kithar GE SS Two',-apple-system,BlinkMacSystemFont,system-ui,'Segoe UI',Tahoma,Arial,sans-serif;}
body,button,input,select,textarea{font-family:var(--ui-type)!important}
body{font-weight:300;line-height:1.85;-webkit-text-size-adjust:100%;text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6,strong,b{font-weight:600!important}
.main-btn,.outline-btn,.ghost-btn,.exp-btn,.exp-outline,.links,.exp-choice,.pick{font-weight:600!important}
.hero h1{font-weight:600!important;line-height:1.50;letter-spacing:0}
.hero-desc{font-weight:300;line-height:1.93}
.section h2{font-weight:600!important;line-height:1.5}
.mark-window{
  width:215px!important;height:auto!important;min-height:70px!important;flex:0 0 215px!important;
  display:flex!important;align-items:center;justify-content:center;overflow:visible!important;
  background:transparent!important;
}
.mark-window img{position:static!important;display:block!important;max-width:100%!important;width:100%!important;height:auto!important;object-fit:contain!important;top:auto!important;left:auto!important}
.phone-title.phone-logo{height:49px;display:flex;justify-content:center;align-items:center}
.phone-title.phone-logo img{display:block;width:132px;max-height:49px;object-fit:contain}
.mini-brand.brand-on-dark{background:transparent;border:0;padding:0;min-height:69px;width:165px;display:flex;align-items:center}
.mini-brand.brand-on-dark img{width:100%;max-height:70px;height:auto;object-fit:contain}
.footer{background:#f9fbff!important;color:var(--navy)!important;border-top:1px solid #e8ebf6}
.footer-inner{color:var(--navy)!important}
.flow-card .intent-icon{background:linear-gradient(145deg,#edfcfc,#eff0ff);color:#583acf;border:1px solid #e7eafd}
.flow-card .intent-icon svg{height:28px;width:28px;display:block}
.phone-card .brand-cart-in-phone{display:flex;justify-content:center;align-items:center;height:40px;margin:0 auto 5px}
.phone-card .brand-cart-in-phone img{width:44px;height:43px;object-fit:contain}
.brand-member-title{display:flex;align-items:center;gap:10px;line-height:1.45}
.brand-member-title img{width:31px;height:31px;object-fit:contain;flex:0 0 31px}
.flow-card p,.circle p,.callout li,.step p,.faq details p,.exp-card p{line-height:1.88}
@media(max-width:900px){.mark-window{width:166px!important;flex-basis:166px!important;min-height:59px!important}}
@media(max-width:560px){
  .mark-window,.exp-header .mark-window{width:140px!important;flex-basis:140px!important;min-height:55px!important;height:auto!important}
  .nav{height:78px}
  .hero h1{font-size:clamp(29px,7.5vw,36px);line-height:1.54}
  .hero-desc{font-size:16px;line-height:1.91}
  .section h2{font-size:26px}
  .phone-title.phone-logo img{width:120px}
  .mini-brand.brand-on-dark{width:142px;min-height:58px}
  .exp-header .exp-title{font-size:14px}
  .flow-card .intent-icon svg{width:25px;height:25px}
}


/* V17: consistent readability hierarchy, responsive type sizes, and spacing.
 * Applies to visual typography only; brand artwork/icons/functionality unchanged.
 * Tiny text capped: 13px for helper/legal copy, 14-15px for card descriptions.
 */
:root {
  --k-text-base: 16px;
  --k-text-reading: 16px;
  --k-text-support: 14px;
  --k-text-small: 13px;
  --k-leading-reading: 1.9;
}
body {font-size:var(--k-text-base)!important;line-height:1.88!important;}
/* header, sections, long copy */
.links {font-size:14px!important;line-height:1.55;}
.nav .main-btn {font-size:13px!important;line-height:1.45;}
.hero h1{font-size:clamp(37px,3.8vw,53px)!important;line-height:1.43!important;}
.hero-desc{font-size:18px!important;line-height:1.95!important;}
.eyebrow{font-size:14px!important;line-height:1.5;}
.micro{font-size:13px!important;line-height:1.75;gap:12px 18px;}
.note{font-size:13px!important;line-height:1.85!important;}
.sec-kicker,.page-badge {font-size:14px!important;}
.section h2{font-size:clamp(28px,2.75vw,37px)!important;line-height:1.48!important;}
.section-sub,.why-grid p,.bottom p{font-size:16px!important;line-height:1.92!important;}
.main-btn,.outline-btn,.ghost-btn{font-size:15px!important;line-height:1.5!important;min-height:46px;}
/* home cards, membership, FAQs: readable at natural zoom */
.flow-card small{font-size:13px!important;}
.flow-card h3{font-size:17px!important;}
.flow-card p{font-size:15px!important;line-height:1.82!important;}
.flow-card{min-height:220px;}
.glass-card h4{font-size:15px!important;}
.glass-item{font-size:12px!important;line-height:1.5;}
.glass-foot{font-size:11px!important;line-height:1.65;}
.phone-tag{font-size:11px!important;}
.phone-card h4{font-size:13px!important;}
.phone-card p{font-size:11px!important;line-height:1.5;}
.circle h4{font-size:16px!important;}
.circle p{font-size:14px!important;line-height:1.8!important;}
.callout li,.step p,.faq details p{font-size:15px!important;line-height:1.9!important;}
.callout .tax,.pricebar span,.kithar-price-unit{font-size:14px!important;}
.kithar-benefit-label{font-size:14px!important;font-weight:600;color:#6946d1;}
.kithar-benefit-list{font-size:15px!important;color:#576581;line-height:1.95;}
.callout .bignum span{font-size:19px!important;}
.honesty,.mutedfine{font-size:13px!important;line-height:1.85!important;}
.selector label{font-size:15px!important;}
.pick,.v6-chip{font-size:14px!important;line-height:1.5;}
.step strong{font-size:16px!important;}
.faq summary{font-size:16px!important;line-height:1.7;}
.faq details{padding-block:19px;}
.footer{font-size:14px!important;line-height:1.7!important;}
/* member journey, all five screens */
.exp-title{font-size:19px!important;}
.exp-title small{font-size:13px!important;line-height:1.7;}
.soft-chip,.dashboard-badge{font-size:14px!important;line-height:1.5;}
.exp-btn,.exp-outline,.exp-plain{font-size:15px!important;line-height:1.6!important;min-height:44px;}
.exp-card h1{font-size:clamp(25px,2.25vw,31px)!important;line-height:1.5!important;}
.exp-card h2{font-size:clamp(22px,2vw,25px)!important;line-height:1.5!important;}
.exp-card p,.exp-aside p{font-size:16px!important;line-height:1.88!important;}
.exp-choice span{font-size:16px!important;line-height:1.6!important;}
.exp-choice span small{font-size:14px!important;line-height:1.75!important;}
.v6-subtitle,.exp-field label{font-size:15px!important;line-height:1.7;}
.v6-subtitle small{font-size:14px!important;}
.exp-field input,.exp-field select{font-size:16px!important;min-height:52px;line-height:1.55!important;}
.exp-price small{font-size:15px!important;}
.exp-stripe,.exp-highlight,.exp-consent,.exp-error{font-size:14px!important;line-height:1.85!important;}
.exp-side-list strong{font-size:15px!important;line-height:1.5;}
.exp-side-list small{font-size:14px!important;line-height:1.7;}
.exp-circle h3{font-size:16px!important;line-height:1.6;}
.exp-circle p{font-size:14px!important;line-height:1.75;}
.exp-circle em{font-size:13px!important;line-height:1.65;}
.payment-order>div{font-size:15px!important;line-height:1.75;}
.payment-order>div:last-child{font-size:18px!important;}
/* member dashboard and invitations */
.dashboard-heading h1{font-size:31px!important;}
.dashboard-heading p,.dashboard-card p,.dashboard-action p{font-size:15px!important;line-height:1.9!important;}
.dashboard-card h2,.dashboard-action b{font-size:22px!important;line-height:1.55!important;}
.dashboard-perks b,.progress-road b,.dashboard-tags span{font-size:14px!important;line-height:1.6;}
.dashboard-perks small,.progress-road small,.invite-note,.exp-footer{font-size:14px!important;line-height:1.75;}
.invite-box p{font-size:16px!important;line-height:1.9!important;}
/* natural mobile spacing: larger readability without forcing overflow */
@media(max-width:900px){
  .hero-desc{font-size:17px!important;}
  .glass-item{font-size:12px!important;}
}
@media(max-width:560px){
  body{font-size:16px!important;line-height:1.88!important;}
  .nav .main-btn{font-size:13px!important;min-height:43px;}
  .eyebrow{font-size:13px!important;}
  .hero h1{font-size:clamp(30px,7.8vw,38px)!important;line-height:1.47!important;}
  .hero-desc{font-size:17px!important;line-height:1.9!important;}
  .micro{font-size:13px!important;gap:9px 13px;}
  .section h2{font-size:27px!important;}
  .section-sub,.why-grid p,.bottom p{font-size:16px!important;}
  .flow-card{padding:20px 15px;min-height:unset;}
  .flow-card h3{font-size:16px!important;}
  .flow-card p{font-size:14px!important;}
  .callout li,.step p,.faq details p{font-size:15px!important;}
  .circle p{font-size:14px!important;}
  .main-btn,.outline-btn,.ghost-btn{font-size:15px!important;}
  .exp-header-row{gap:10px;}
  .exp-title{font-size:15px!important;}
  .exp-title small{font-size:12px!important;}
  .exp-card{padding:20px;}
  .exp-card h1{font-size:25px!important;}
  .exp-card h2{font-size:22px!important;}
  .exp-card p,.exp-aside p{font-size:15px!important;}
  .exp-choice span{font-size:15px!important;}
  .exp-choice span small{font-size:13px!important;}
  .exp-side-list small{font-size:13px!important;}
  .exp-btn,.exp-outline,.exp-plain{font-size:14px!important;padding:12px 14px;}
  .exp-circle h3{font-size:15px!important;}
  .exp-circle p{font-size:14px!important;}
  .dashboard-heading h1{font-size:27px!important;}
  .dashboard-card h2,.dashboard-action b{font-size:21px!important;}
  .dashboard-card p,.dashboard-action p{font-size:15px!important;}
  .payment-order>div{font-size:14px!important;}
  .payment-order>div:last-child{font-size:16px!important;}
  .dashboard-perks{grid-template-columns:repeat(3,minmax(0,1fr));}
}


/* Kithar V18 — IBM Plex Sans Arabic. Uses the original 300/400/500/600/700 web weights.
   Override earlier GE SS font stacks without changing brand artwork, layout, or sizes. */
:root {
  --ui-type: 'IBM Plex Sans Arabic', Tahoma, Arial, sans-serif;
}
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
body,
body :is(h1,h2,h3,h4,h5,h6,p,span,small,label,a,b,strong,em,li,button,input,select,textarea,summary,div) {
  font-family: var(--ui-type) !important;
}
body {font-weight:400!important;}
body :is(h1,h2,h3,h4,h5,h6) {font-weight:600!important;}
body :is(b,strong) {font-weight:600!important;}
body :is(button,.main-btn,.outline-btn,.ghost-btn,.exp-btn,.exp-outline,.exp-plain) {font-weight:600!important;}
body :is(.hero h1,.section h2,.exp-card h1,.dashboard-heading h1,.callout .bignum b) {font-weight:700!important;}
body :is(.exp-price,.pricebar b,.kithar-price-unit) {font-weight:600!important;}


/* V20 – restrained solid-color UI. User-approved logo and shopping-cart mark retain their original colored art.
   CTA rectangles, headline emphasis and UI panels use FLAT fills rather than automated-looking gradients. */
:root{--cta-solid:#513AA8;--cta-solid-hover:#3F2D8C;--ui-navy:#13244F;--ui-accent:#523B9F;--ui-surface:#F8F9FC;--ui-surface-purple:#F4F2FB}
/* Brand wordmark stays untouched; only lettering outside the official logo is affected. */
.grad, .section h2 .grad, .launch h2 .grad, .why-grid h2 .grad{
  background:none!important;background-image:none!important;background-clip:initial!important;
  -webkit-background-clip:initial!important;color:var(--ui-accent)!important;
  -webkit-text-fill-color:var(--ui-accent)!important;
}
/* Button rectangles – no gradients. */
.main-btn,.exp-btn{background:var(--cta-solid)!important;background-image:none!important;color:#fff!important;box-shadow:0 7px 17px rgba(48,42,112,.13)!important}
.main-btn:hover,.exp-btn:hover{background:var(--cta-solid-hover)!important;box-shadow:0 8px 18px rgba(48,42,112,.16)!important}
.main-btn:focus-visible,.exp-btn:focus-visible{outline:3px solid #1AC7C3;outline-offset:3px}
/* Neutral panels, select states, and callouts */
.eyebrow{background:#F1EFF9!important;background-image:none!important;color:#4B369F!important}
.hero-bg{background:#FCFCFE!important;background-image:none!important}
.scene::before{background:#E9E8F6!important;background-image:none!important;opacity:.84!important}
.scene::after{background:#E8FAF7!important;background-image:none!important;opacity:.42!important}
.phone{background:#1A254C!important;background-image:none!important}
.phone-screen{background:#F8F9FC!important;background-image:none!important}
.small-bubbles span{background:#DCE6F5!important;background-image:none!important}
.phone-meter:after{background:#4A3AA5!important;background-image:none!important}
.flow-card .icon,.flow-card .intent-icon{background:#F2F3FA!important;background-image:none!important;color:var(--ui-navy)!important}
.why-bg{background:#FAFAFD!important;background-image:none!important}
.circle.full{background:#F4F3FB!important;background-image:none!important}
.launch{background:#F8F8FC!important;background-image:none!important}
.bottom{background:#16234B!important;background-image:none!important}
.bar span.active,.exp-progress i.on{background:#5140B4!important;background-image:none!important}
.experience{background:#F9FAFD!important;background-image:none!important}
.exp-choice.active{background:#F2F0FB!important;background-image:none!important;border-color:#A89BE1!important}
.exp-stripe{background:#F1F5F8!important;background-image:none!important}
.exp-circle{background:#F7F8FC!important;background-image:none!important}
.dashboard-action{background:#F4F2FA!important;background-image:none!important}
.invite-box{background:#F4F5FA!important;background-image:none!important}
/* Distinct selection and action states with consistent solid colors. */
.exp-choice.active .community-icon,.pick[aria-pressed="true"] .community-icon{color:#48359B!important}
.flow-card .intent-icon svg{stroke:currentColor}
@media (max-width:560px){.main-btn,.exp-btn{box-shadow:0 5px 12px rgba(48,42,112,.10)!important}}


/* Kithar V21 — approved brand color system.
   Navy drives actions, hierarchy and trust; turquoise is reserved for selective
   status/accent cues. The exact multicolor logo/cart artwork remains unchanged.
   All UI fields are FLAT, no decorative color gradients. */
:root {
  --navy:#101F4E;
  --navy2:#1E315F;
  --ink:#223552;
  --muted:#61718A;
  --line:#E2E9F1;
  --cta-solid:#101F4E;
  --cta-solid-hover:#233968;
  --ui-navy:#101F4E;
  --ui-accent:#101F4E;
  --ui-surface:#F7F9FC;
  --ui-surface-purple:#F1F5FA;
  --kithar-teal:#087F83;
  --kithar-teal-soft:#EAF7F6;
  --kithar-navy-soft:#EEF2F8;
  --kithar-border:#E1E8F1;
}
/* The base site is clean, bright and navy. No purple wall or fake AI gradients. */
body { color:var(--navy); background:#fff; }
.nav-shell,.exp-header { background:#fff!important; border-color:var(--kithar-border)!important; }
.links { color:#405374!important; }
.links a:hover { color:var(--navy)!important; }
/* Actions and navigation */
.main-btn,.exp-btn {
  background:var(--cta-solid)!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:0 7px 17px rgba(16,31,78,.14)!important;
}
.main-btn:hover,.exp-btn:hover { background:var(--cta-solid-hover)!important; box-shadow:0 8px 18px rgba(16,31,78,.17)!important; }
.main-btn:focus-visible,.exp-btn:focus-visible,.outline-btn:focus-visible,
.exp-outline:focus-visible,.pick:focus-visible,.exp-choice:focus-visible {
  outline:3px solid #12AAA8!important; outline-offset:3px;
}
.outline-btn,.exp-outline,.ghost-btn { color:var(--navy)!important; border-color:#CDD8E7!important; background:#fff!important; }
.exp-plain { color:var(--navy)!important; }
/* Headings and badges — fixed solid colors, never rainbow letterforms */
.grad,.section h2 .grad,.why-grid h2 .grad,.launch h2 .grad {
  color:var(--navy)!important;-webkit-text-fill-color:var(--navy)!important;
  background:none!important;background-image:none!important;
}
.hero h1 span {color:var(--navy)!important;}
.sec-kicker {color:var(--kithar-teal)!important;}
.eyebrow,.page-badge,.soft-chip,.dashboard-badge {
  color:var(--navy)!important;
  background:var(--kithar-navy-soft)!important;
  background-image:none!important;
  border-color:#DCE6F0!important;
}
.eyebrow:before { color:var(--kithar-teal)!important; }
/* Cards and panels: subtle blue-gray rather than purple */
.hero-bg,.experience { background:#FAFBFD!important;background-image:none!important; }
.why-bg,.launch {background:#F7F9FC!important;background-image:none!important;border-color:var(--kithar-border)!important;}
.scene::before { background:#E4EDF5!important;background-image:none!important;opacity:.75!important; }
.scene::after { background:#E6F6F3!important;background-image:none!important;opacity:.4!important; }
.flow-card,.circle,.selector,.callout,.exp-card,.dashboard-card {border-color:var(--kithar-border)!important;}
.flow-card .icon,.flow-card .intent-icon { background:var(--kithar-navy-soft)!important; color:var(--navy)!important; border-color:var(--kithar-border)!important; }
.circle.full,.launch-box,.dashboard-action,.exp-highlight,.invite-box {
  background:#F0F4F9!important;background-image:none!important;
  border-color:var(--kithar-border)!important;
}
.phone {background:#172753!important;background-image:none!important;}
.phone-screen {background:#F8FAFD!important;background-image:none!important;}
.phone-tag,.glass-card .ai-tag {background:var(--kithar-navy-soft)!important;color:var(--navy)!important;}
.phone-meter:after {background:var(--navy)!important;background-image:none!important;}
.small-bubbles span {background:#DDE7F1!important;background-image:none!important;}
.glass-item i {background:var(--kithar-teal-soft)!important;color:#087C75!important;}
.callout .bignum,.exp-price,.pricebar b { color:var(--navy)!important; }
.callout li:before,.exp-side-list i {color:#087C75!important;}
.exp-side-list i {background:var(--kithar-teal-soft)!important;}
/* Selected states now communicate selection with navy and a subtle solid fill */
.pick[aria-pressed="true"],.v6-chip.active,.exp-choice.active {
  background:var(--kithar-navy-soft)!important;
  background-image:none!important;
  color:var(--navy)!important;
  border-color:#98AEC9!important;
  box-shadow:none!important;
}
.pick[aria-pressed="true"] .community-icon,.exp-choice[aria-pressed="true"] .community-icon,
.exp-choice.active .community-icon {color:var(--navy)!important;}
.pick,.v6-chip,.exp-choice {color:var(--navy)!important;border-color:var(--kithar-border)!important;}
.community-icon {color:var(--navy)!important;}
.exp-field input:focus,.exp-field select:focus {outline:2px solid #0D8B88!important;border-color:#0D8B88!important;}
.exp-consent input {accent-color:var(--navy)!important;}
.bar span.active,.exp-progress i.on {background:var(--navy)!important;background-image:none!important;}
.exp-progress i {background:#E4E9F2!important;}
.exp-progress i.on {background:var(--navy)!important;}
.exp-stripe,.exp-circle,.dashboard-tags span,.invite-box {background:#F1F5F9!important;background-image:none!important;}
.exp-circle em,.dashboard-tags span,.dashboard-badge,.exp-title small {color:#3D5578!important;}
.progress-road>div.current {border-color:#97ABC4!important;background:#EDF2F8!important;}
.dashboard-perks>div {background:#F9FAFC!important;border-color:var(--kithar-border)!important;}
.dashboard-tags span {color:#2D496B!important;}
.payment-order>div:last-child {color:var(--navy)!important;}
.footer {background:#F8FAFD!important;color:var(--navy)!important;border-top-color:var(--kithar-border)!important;}
/* Exactly two semantic cues: turquoise check/success, navy primary action. */
.honesty b,.glass-card h4,.pricebar {color:var(--navy)!important;}
@media(max-width:560px){
  .main-btn,.exp-btn {box-shadow:0 5px 12px rgba(16,31,78,.12)!important;}
}