#tkw-home{
  --tw-cyan:#2FB5DD;
  --tw-cyan-dk:#2CA3C1;
  --tw-purple:#7E71B4;
  --tw-purple-dk:#5E5392;
  --tw-purple-dkr:#463D71;
  --tw-soft-p:#F1EFF8;
  --tw-soft-c:#E6F6FB;
  --tw-gray:#F4F4F7;
  --tw-ink:#2E2A45;
  --tw-body:#63607A;
  --tw-line:#E6E4EE;
  --tw-mint:#0E9E76;
  --tw-r:18px;
  font-family:'IBM Plex Sans Arabic',system-ui,sans-serif;
  font-size:16.5px;line-height:1.85;color:var(--tw-body);background:#fff;
}
#tkw-home *{box-sizing:border-box}
#tkw-home p{margin:0 0 1rem}
#tkw-home h1,#tkw-home h2,#tkw-home h3,#tkw-home h4{
  font-family:'Readex Pro','IBM Plex Sans Arabic',sans-serif;
  color:var(--tw-ink);margin:0 0 .8rem;font-weight:600;line-height:1.5;
}
#tkw-home h1{font-size:clamp(1.6rem,2.9vw,2.2rem);line-height:1.55}
#tkw-home h2{font-size:clamp(1.5rem,2.7vw,2.05rem)}
#tkw-home h3{font-size:clamp(1.25rem,2vw,1.55rem);color:var(--tw-purple-dk)}
#tkw-home h4{font-size:1rem;font-weight:500}
#tkw-home a{color:inherit;text-decoration:none}
#tkw-home .tw-ltr{direction:ltr;unicode-bidi:isolate}
#tkw-home .tw-num{font-variant-numeric:tabular-nums}
#tkw-home .tw-wrap{max-width:1140px;margin-inline:auto;padding-inline:clamp(18px,4vw,32px)}
#tkw-home .tw-sec{padding-block:clamp(52px,6.5vw,86px)}
#tkw-home .tw-gray{background:var(--tw-gray)}
#tkw-home .tw-c{text-align:center}
#tkw-home .tw-c h2{margin-inline:auto;max-inline-size:24ch}

#tkw-home .tw-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:inherit;font-size:.98rem;font-weight:500;padding:13px 34px;
  border-radius:9px;border:1.5px solid transparent;background:var(--tw-purple-dk);color:#fff;
  cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease;
}
#tkw-home .tw-btn:hover{background:var(--tw-purple-dkr)}
#tkw-home .tw-btn--o{background:transparent;color:var(--tw-purple-dk);border-color:var(--tw-purple)}
#tkw-home .tw-btn--o:hover{background:var(--tw-purple-dk);color:#fff;border-color:var(--tw-purple-dk)}
#tkw-home .tw-btn--c{background:var(--tw-cyan-dk)}
#tkw-home .tw-btn--c:hover{background:#248CA6}
#tkw-home :is(a,button,input,select):focus-visible{outline:2px solid var(--tw-cyan);outline-offset:2px}

#tkw-home .tw-topbar{background:var(--tw-purple-dkr);color:#DCD7EC;font-size:.82rem;padding-block:7px}
#tkw-home .tw-topbar div{display:flex;flex-wrap:wrap;gap:6px 22px;justify-content:flex-end;align-items:center}
#tkw-home .tw-topbar b{color:#fff;font-weight:500}
#tkw-home .tw-header{
  position:sticky;inset-block-start:0;z-index:60;background:#fff;
  border-block-end:1px solid transparent;transition:box-shadow .22s ease,border-color .22s ease;
}
#tkw-home .tw-header.stuck{box-shadow:0 4px 18px rgba(46,42,69,.09);border-block-end-color:var(--tw-line)}
#tkw-home .tw-nav{display:flex;align-items:center;gap:24px;padding-block:13px}
#tkw-home .tw-logo{display:flex;align-items:center}
#tkw-home .tw-logo img{display:block;block-size:38px;inline-size:auto}
#tkw-home .tw-foot .tw-logo img{block-size:34px}
#tkw-home .tw-nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex:1}
#tkw-home .tw-nav ul a{font-size:.92rem;color:var(--tw-ink);transition:color .16s}
#tkw-home .tw-nav ul a:hover{color:var(--tw-cyan-dk)}
#tkw-home .tw-nav .tw-btn{padding:9px 20px;font-size:.9rem}

#tkw-home .tw-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,3.5vw,52px);align-items:center;padding-block:clamp(26px,3.5vw,44px)}
#tkw-home .tw-hero h1 em{font-style:normal;color:var(--tw-cyan-dk)}
#tkw-home .tw-hero p{font-size:1.02rem;max-inline-size:46ch}
#tkw-home .tw-hero .tw-btn{margin-block:6px 22px}
#tkw-home .tw-badges{display:flex;flex-wrap:wrap;gap:12px}
#tkw-home .tw-badge{
  border:1.5px solid var(--tw-cyan);border-radius:12px;padding:11px 17px;
  display:flex;align-items:center;gap:11px;background:#fff;
}
#tkw-home .tw-badge small{display:block;font-size:.77rem;color:var(--tw-body);line-height:1.5}
#tkw-home .tw-badge b{font-family:'Readex Pro',sans-serif;font-size:.9rem;font-weight:500;color:var(--tw-ink);line-height:1.5}
#tkw-home .tw-badge svg{inline-size:28px;block-size:28px;color:var(--tw-cyan-dk);flex:none}

/* ---- hero stage: cross-fading builder slides + logo motif ---- */
#tkw-home .tw-stage{position:relative;padding:16px}
#tkw-home .tw-motif{position:absolute;inset-block-start:-16px;inset-inline-start:-22px;inline-size:118px;block-size:118px;z-index:0;opacity:.95}
#tkw-home .tw-motif rect{opacity:0;animation:tw-pop .5s ease-out forwards}
#tkw-home .tw-motif rect:nth-of-type(1){animation-delay:.35s}
#tkw-home .tw-motif rect:nth-of-type(2){animation-delay:.5s}
#tkw-home .tw-motif rect:nth-of-type(3){animation-delay:.65s}
@keyframes tw-pop{from{opacity:0;transform:translateY(7px) scale(.75)}to{opacity:1;transform:none}}

#tkw-home .tw-slides{position:relative;z-index:1;border-radius:var(--tw-r);overflow:hidden;background:#fff;border:1px solid var(--tw-line);box-shadow:0 18px 44px rgba(46,42,69,.14);aspect-ratio:2290/1400}
#tkw-home .tw-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(1.015);transition:opacity .7s ease,transform .7s ease}
#tkw-home .tw-slide.on{opacity:1;transform:none}
#tkw-home .tw-slide img{display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:top right}
#tkw-home .tw-fake{block-size:100%;background:#fff;padding:16px;display:flex;gap:12px}
#tkw-home .tw-fake .tw-side{inline-size:32%;display:flex;flex-direction:column;gap:8px}
#tkw-home .tw-fake .tw-main{flex:1;display:flex;flex-direction:column;gap:9px}
#tkw-home .tw-fake i{display:block;background:var(--tw-gray);border-radius:6px;block-size:13px}
#tkw-home .tw-fake i.h{block-size:24px;inline-size:64%;background:var(--tw-soft-c)}
#tkw-home .tw-fake i.p{background:var(--tw-soft-p)}
#tkw-home .tw-fake i.m{inline-size:76%}
#tkw-home .tw-fake i.f{flex:1;block-size:auto}
#tkw-home .tw-fake .tw-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#tkw-home .tw-fake .tw-g i{block-size:38px}

#tkw-home .tw-dots{display:flex;justify-content:center;gap:8px;margin-block-start:16px;position:relative;z-index:1}
#tkw-home .tw-dots button{
  font-family:inherit;font-size:.85rem;font-weight:500;color:var(--tw-body);
  background:#fff;border:1px solid var(--tw-line);border-radius:999px;
  padding:7px 16px;cursor:pointer;transition:all .2s ease;
}
#tkw-home .tw-dots button[aria-current="true"]{background:var(--tw-cyan-dk);border-color:var(--tw-cyan-dk);color:#fff}

#tkw-home .tw-chip{
  position:absolute;z-index:2;background:#fff;border:1px solid var(--tw-line);border-radius:14px;
  padding:12px 16px;box-shadow:0 12px 30px rgba(46,42,69,.15);
  inset-block-end:56px;inset-inline-end:-16px;animation:tw-bob 6.5s ease-in-out infinite;
}
#tkw-home .tw-chip small{display:block;font-size:.76rem;color:var(--tw-body);line-height:1.5}
#tkw-home .tw-chip b{font-family:'Readex Pro',sans-serif;font-size:1.25rem;font-weight:500;color:var(--tw-ink);line-height:1.4}
#tkw-home .tw-chip span{color:var(--tw-mint);font-size:.78rem;font-weight:500}
@keyframes tw-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}

#tkw-home .tw-aud{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(18px,4vw,52px);margin-block-start:34px}
#tkw-home .tw-aud a{display:block;inline-size:175px;text-align:center}
#tkw-home .tw-circle{
  inline-size:104px;block-size:104px;border-radius:50%;margin:0 auto 14px;
  display:flex;align-items:center;justify-content:center;background:#fff;
  border:1px solid var(--tw-line);transition:transform .2s ease,border-color .2s ease;
}
#tkw-home .tw-aud a:nth-child(odd) .tw-circle{background:var(--tw-soft-c)}
#tkw-home .tw-aud a:nth-child(even) .tw-circle{background:var(--tw-soft-p)}
#tkw-home .tw-aud a:hover .tw-circle{transform:translateY(-5px);border-color:var(--tw-cyan)}
#tkw-home .tw-circle svg{inline-size:44px;block-size:44px;color:var(--tw-cyan-dk)}
#tkw-home .tw-aud a:nth-child(even) .tw-circle svg{color:var(--tw-purple-dk)}
#tkw-home .tw-aud h4{color:var(--tw-ink);margin:0 0 2px}
#tkw-home .tw-aud span{font-size:.85rem;line-height:1.6;display:block}

#tkw-home .tw-zig{display:grid;gap:clamp(30px,4vw,54px);margin-block-start:38px}
#tkw-home .tw-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(20px,3.5vw,54px);align-items:center}
#tkw-home .tw-row:nth-child(even) .tw-row-txt{order:2}
#tkw-home .tw-row p{font-size:.98rem;max-inline-size:40ch;margin:0}
#tkw-home .tw-art{
  background:var(--tw-gray);border-radius:var(--tw-r);padding:clamp(20px,3vw,34px);
  min-block-size:250px;display:flex;align-items:center;justify-content:center;
}
#tkw-home .tw-row:nth-child(even) .tw-art{background:var(--tw-soft-c)}
#tkw-home .tw-art img{display:block;inline-size:100%;block-size:auto;border-radius:10px;box-shadow:0 16px 34px rgba(46,42,69,.18)}
#tkw-home .tw-mock{
  inline-size:100%;max-inline-size:380px;background:#fff;border-radius:12px;
  padding:16px;box-shadow:0 16px 34px rgba(46,42,69,.14);display:flex;flex-direction:column;gap:9px;
}
#tkw-home .tw-mock i{display:block;background:var(--tw-gray);border-radius:7px;block-size:13px}
#tkw-home .tw-mock i.h{block-size:26px;inline-size:52%;background:var(--tw-soft-p)}
#tkw-home .tw-mock i.c{background:var(--tw-soft-c)}
#tkw-home .tw-mock i.m{inline-size:74%}
#tkw-home .tw-mock i.f{block-size:72px}
#tkw-home .tw-mock .tw-g{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
#tkw-home .tw-mock .tw-g i{block-size:42px}

#tkw-home .tw-band{background:var(--tw-purple-dk);color:#fff;padding-block:clamp(38px,5vw,58px);position:relative;overflow:hidden}
#tkw-home .tw-band::after{
  content:"";position:absolute;inset-block-start:-40px;inset-inline-start:-40px;
  inline-size:220px;block-size:220px;border-radius:22px;transform:rotate(45deg);
  background:linear-gradient(160deg,var(--tw-cyan),var(--tw-cyan-dk));opacity:.16;
}
#tkw-home .tw-band-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,4vw,50px);align-items:center;position:relative;z-index:1}
#tkw-home .tw-band h2{color:#fff;max-inline-size:22ch}
#tkw-home .tw-band p{color:#DFD9F0;max-inline-size:52ch;margin:0}
#tkw-home .tw-band-logo{display:flex;align-items:center;gap:16px}
#tkw-home .tw-accredit-img{max-inline-size:100%;block-size:auto}
#tkw-home .tw-band-logo svg{inline-size:70px;block-size:70px;color:var(--tw-cyan);flex:none}
#tkw-home .tw-band-logo b{font-family:'Readex Pro',sans-serif;font-size:1.2rem;font-weight:500;color:#fff;line-height:1.55}
#tkw-home .tw-band-logo small{display:block;font-size:.85rem;color:#DFD9F0}

#tkw-home .tw-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:26px;margin-block-start:36px}
#tkw-home .tw-spec svg{inline-size:40px;block-size:40px;color:var(--tw-purple-dk);margin-block-end:12px}
#tkw-home .tw-spec p{font-size:.92rem;margin:0;line-height:1.7}

#tkw-home .tw-plans{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch;text-align:start;margin-block-start:34px}
#tkw-home .tw-plan{
  background:#fff;border:1px solid var(--tw-line);border-radius:var(--tw-r);padding:26px 22px;
  display:flex;flex-direction:column;position:relative;
}
#tkw-home .tw-plan--solo{border:2px solid var(--tw-cyan)}
#tkw-home .tw-plan--center{border:2px solid var(--tw-purple)}
#tkw-home .tw-plan .tw-btn{margin-block-start:auto}
#tkw-home .tw-who{
  display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:500;
  border-radius:7px;padding:4px 12px;margin-block-end:10px;align-self:flex-start;
}
#tkw-home .tw-who--solo{color:var(--tw-cyan-dk);background:var(--tw-soft-c)}
#tkw-home .tw-who--center{color:var(--tw-purple-dk);background:var(--tw-soft-p)}
#tkw-home .tw-tag{
  position:absolute;inset-block-start:-11px;inset-inline-end:18px;
  font-size:.75rem;font-weight:500;color:#fff;border-radius:7px;padding:3px 12px;white-space:nowrap;
}
#tkw-home .tw-plan--solo .tw-tag{background:var(--tw-cyan-dk)}
#tkw-home .tw-plan--center .tw-tag{background:var(--tw-purple-dk)}
#tkw-home .tw-plan h3{color:var(--tw-ink);font-size:1.15rem;margin-block-end:2px}
#tkw-home .tw-price{font-family:'Readex Pro',sans-serif;font-size:2.3rem;font-weight:500;color:var(--tw-purple-dk);line-height:1.4;margin-block:10px 0}
#tkw-home .tw-per{font-size:.88rem;color:var(--tw-body)}
#tkw-home .tw-plan ul{list-style:none;margin:18px 0 22px;padding:0}
#tkw-home .tw-plan li{font-size:.93rem;padding-block:5px;padding-inline-start:24px;position:relative;line-height:1.7}
#tkw-home .tw-plan li svg{position:absolute;inset-inline-start:0;inset-block-start:10px;inline-size:14px;block-size:14px;color:var(--tw-mint)}
#tkw-home .tw-plan .tw-btn{inline-size:100%}

#tkw-home .tw-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block-start:34px;text-align:start}
#tkw-home .tw-path{
  background:#fff;border:1px solid var(--tw-line);border-radius:var(--tw-r);
  padding:34px 30px;display:flex;flex-direction:column;
  transition:border-color .2s ease,transform .2s ease;
}
#tkw-home .tw-path:hover{transform:translateY(-3px)}
#tkw-home .tw-path--center:hover{border-color:var(--tw-purple)}
#tkw-home .tw-path--solo:hover{border-color:var(--tw-cyan)}
#tkw-home .tw-path > svg{inline-size:44px;block-size:44px;margin-block-end:16px}
#tkw-home .tw-path--center > svg{color:var(--tw-purple-dk)}
#tkw-home .tw-path--solo > svg{color:var(--tw-cyan-dk)}
#tkw-home .tw-path h3{color:var(--tw-ink)}
#tkw-home .tw-path p{font-size:.97rem;margin-block-end:24px}
#tkw-home .tw-path .tw-btn{margin-block-start:auto;align-self:flex-start}
#tkw-home .tw-path .tw-btn svg{inline-size:16px;block-size:16px;transform:scaleX(-1)}
#tkw-home .tw-foot{background:var(--tw-gray);padding-block:46px 22px;font-size:.9rem}
#tkw-home .tw-foot-grid{display:grid;grid-template-columns:1.8fr repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,34px)}
#tkw-home .tw-foot-brand .tw-logo{margin-block-end:14px}
#tkw-home .tw-foot h4{color:var(--tw-ink);font-size:.95rem;margin-block-end:12px}
#tkw-home .tw-foot ul{list-style:none;margin:0;padding:0}
#tkw-home .tw-foot li{padding-block:4px}
#tkw-home .tw-foot a:hover{color:var(--tw-cyan-dk)}
#tkw-home .tw-foot .tw-logo{margin-block-end:10px}
#tkw-home .tw-foot-note{max-inline-size:38ch;font-size:.85rem;line-height:1.8}
#tkw-home .tw-pay{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-block-start:18px}
#tkw-home .tw-pay img{block-size:38px;inline-size:auto}
#tkw-home .tw-made{display:inline-flex;align-items:center;gap:9px}
#tkw-home .tw-made img{block-size:30px;inline-size:auto}
#tkw-home .tw-foot-end{
  display:flex;flex-wrap:wrap;gap:10px 24px;align-items:center;justify-content:space-between;
  margin-block-start:34px;padding-block-start:18px;border-block-start:1px solid var(--tw-line);font-size:.84rem;
}

#tkw-home .tw-rev{opacity:0;transform:translateY(16px);transition:opacity .55s ease-out,transform .55s ease-out}
#tkw-home .tw-rev.in{opacity:1;transform:none}

@media (max-width:1000px){
  #tkw-home .tw-plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  #tkw-home .tw-foot-grid{grid-template-columns:1fr 1fr 1fr}
  #tkw-home .tw-foot-brand{grid-column:1 / -1}
}
@media (max-width:900px){
  #tkw-home{font-size:16px}
  #tkw-home .tw-hero,#tkw-home .tw-row,#tkw-home .tw-band-in{grid-template-columns:1fr}
  #tkw-home .tw-row:nth-child(even) .tw-row-txt{order:0}
  #tkw-home .tw-nav ul{display:none}
  #tkw-home .tw-paths{grid-template-columns:1fr}
  #tkw-home .tw-chip{inset-inline-end:-6px;inset-block-end:44px}
  #tkw-home .tw-motif{inline-size:82px;block-size:82px;inset-inline-start:-10px}
  #tkw-home .tw-logo img{block-size:32px}
}
@media (max-width:620px){
  #tkw-home .tw-plans{grid-template-columns:1fr}
  #tkw-home .tw-foot-grid{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){
  #tkw-home .tw-rev{opacity:1;transform:none;transition:none}
  #tkw-home .tw-chip,#tkw-home .tw-motif rect{animation:none}
  #tkw-home .tw-motif rect{opacity:1}
  #tkw-home .tw-slide{transition:none}
  #tkw-home .tw-aud a:hover .tw-circle{transform:none}
}